.achievement-daily-login-dialog.user-achievement-dialog .dialog-main {
    width: 3.6rem;
    background-color: transparent
}

.achievement-daily-login-dialog .daily-login-header {
    height: 2.32rem;
    padding-top: .74rem;
    margin-left: -.14rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: url(https://statics1.umucdn.cn/mobile/cn-cn/businessCommon/images/bg-daily-login.2fa97a1d.png) no-repeat -.04rem;
    background-size: cover;
    text-align: center
}

.achievement-daily-login-dialog .daily-login-header .date-desc {
    font-weight: 700;
    font-size: .36rem;
    line-height: .7rem;
    color: #fff;
    text-align: center;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg)
}

.achievement-daily-login-dialog .daily-close {
    position: absolute;
    top: .9rem;
    right: .32rem;
    width: .16rem;
    height: .16rem;
    background: url(https://statics1.umucdn.cn/mobile/cn-cn/businessCommon/images/close.9abb2c3d.png) 50% no-repeat;
    background-size: cover;
    cursor: pointer;
    z-index: 1
}

.daily-login-dialog .daily-login-card {
    width: 3.1rem;
    margin: 0 auto;
    padding: .18rem .24rem;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff
}

.daily-login-dialog .daily-login-card .title {
    padding: 0;
    font-weight: 700;
    font-size: .22rem;
    color: #000;
    text-align: left
}

.daily-login-dialog .daily-login-card .desc {
    margin-top: .1rem;
    font-size: .16rem;
    color: #757575
}

.daily-login-dialog .daily-login-card .info {
    margin-top: .16rem;
    padding: 0;
    font-size: .16rem;
    color: #757575;
    text-align: left
}

.daily-login-dialog .daily-login-card .info .highlight {
    color: #f05a37;
    font-size: .16rem
}

.daily-login-dialog .daily-login-card .info .icon-up-map {
    vertical-align: -.05rem
}

.daily-login-dialog .daily-login-card .actions {
    margin-top: .2rem;
    text-align: right
}

.daily-login-dialog .daily-login-card .actions .umu-btn {
    display: inline-block;
    height: .36rem;
    line-height: .36rem;
    padding: 0 .12rem
}

.daily-login-dialog .daily-login-card .actions .btn-primary {
    font-size: .16rem;
    height: .36rem;
    line-height: .36rem;
    margin-left: .16rem;
    padding: 0 .12rem
}

.daily-login-dialog .daily-login-card .actions .umu-btn.preview {
    font-size: .16rem;
    color: #2196f3;
    text-align: center;
    line-height: .36rem;
    padding: 0 .12rem
}

.achievement-user-level-dialog.user-achievement-dialog .dialog-main {
    text-align: center;
    width: 2.68rem
}

.upgrade-lv {
    border-radius: .04rem;
    padding: .5rem .2rem .32rem
}

.upgrade-lv .lv {
    font-size: .64rem;
    line-height: .9rem;
    color: #3faa34
}

.upgrade-lv .title {
    font-size: .19rem;
    line-height: .26rem;
    padding: 0
}

.upgrade-lv .privilege {
    padding-top: .25rem;
    line-height: 1.5;
    min-height: .5rem
}

.upgrade-lv .privilege .privilege-label {
    font-size: .14rem;
    color: #757575
}

.upgrade-lv .privilege .privilege-type {
    font-size: .16rem
}

.upgrade-lv .encourage {
    text-align: left;
    font-size: .14rem;
    line-height: .18rem;
    padding-top: .13rem;
    color: #757575;
    min-height: .72rem
}

.upgrade-lv-999.upgrade-lv {
    background: #292929
}

.upgrade-lv-999 .title {
    color: #fff
}

.upgrade-lv-999 .privilege .privilege-label {
    color: #fff;
    opacity: .7
}

.upgrade-lv-999 .privilege .privilege-type {
    color: #fff
}

.upgrade-lv-999 .encourage {
    color: #fff;
    opacity: .7
}

.user-level-dialog-wrap {
    position: relative;
    z-index: 2
}

.user-level-dialog .upgrade-lv:after,.user-level-dialog .upgrade-lv:before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 100%;
    background: no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
}

.user-level-dialog .upgrade-lv:before {
    top: 0;
    right: 0;
    height: 40%;
    background-position: 0 0
}

.user-level-dialog .upgrade-lv:after {
    bottom: 0;
    left: 0;
    height: 60%;
    background-position: 0 100%
}

.user-level-dialog .upgrade-lv-range-1:after,.user-level-dialog .upgrade-lv-range-1:before {
    background-image: url(https://statics1.umucdn.cn/mobile/cn-cn/businessCommon/images/lv-range-1.04a3aa3d.png)
}

.user-level-dialog .upgrade-lv-range-11:after,.user-level-dialog .upgrade-lv-range-11:before {
    background-image: url(https://statics1.umucdn.cn/mobile/cn-cn/businessCommon/images/lv-range-11.99e84627.png)
}

.user-level-dialog .upgrade-lv-range-21:after,.user-level-dialog .upgrade-lv-range-21:before {
    background-image: url(https://statics1.umucdn.cn/mobile/cn-cn/businessCommon/images/lv-range-21.acbcc1fc.png)
}

.achievement-user-medal-dialog.user-achievement-dialog .dialog-main {
    width: 3.1rem
}

.user-medal-dialog .user-medal-preview {
    width: 1.3rem;
    margin: auto;
    padding-top: .2rem
}

.user-medal-dialog .user-medal-card {
    padding: .2rem .25rem;
    text-align: center
}

.user-medal-dialog .user-medal-card .title {
    font-size: .22rem;
    color: #000;
    margin-top: -.1rem
}

.user-medal-dialog .user-medal-card .desc {
    font-size: .14rem;
    color: #757575;
    text-align: left;
    margin-top: .1rem
}

.user-medal-dialog .user-medal-card .points {
    font-size: .18rem;
    color: #757575;
    margin-top: .1rem
}

.user-medal-dialog .user-medal-card .points .highlight {
    color: #f05a37
}

.user-medal-dialog .user-medal-card .actions {
    margin-top: .2rem
}

.user-medal-dialog .user-medal-card .action {
    display: inline-block;
    vertical-align: middle;
    margin: 0 .05rem
}

.user-medal-dialog .user-medal-card .action .btn {
    line-height: 1;
    min-width: .9rem;
    font-size: .16rem;
    padding: .12rem
}

.user-achievement-dialog .dialog-main {
    line-height: 1.5;
    border-radius: .04rem
}

.user-achievement-dialog .dialog-main .close {
    color: #999;
    font-size: .22rem;
    height: .3rem;
    line-height: .3rem;
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    width: .3rem;
    text-align: center;
    padding: .05rem;
    cursor: pointer
}

.user-achievement-dialog .dialog-main .close:before {
    content: "\D7"
}

.user-achievement-dialog .dialog-main .close:hover {
    color: #666
}

.page-slider-nav-arrow {
    text-align: center
}

.page-slider-nav-arrow .arrow-icon {
    display: inline-block;
    vertical-align: middle;
    -webkit-animation: slide-up 1.5s infinite ease-in-out;
    animation: slide-up 1.5s infinite ease-in-out
}

.page-slider-nav-arrow .arrow-icon span.after,.page-slider-nav-arrow .arrow-icon span.before {
    display: block;
    width: .08rem;
    height: .08rem;
    border: .01rem solid #666;
    border-width: .01rem .01rem 0 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -.04rem
}

@-webkit-keyframes slide-up {
    0%,30% {
        opacity: 0;
        -webkit-transform: translateY(.1rem);
        transform: translateY(.1rem)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-.05rem);
        transform: translateY(-.05rem)
    }
}

.page-slider-nav-arrow.down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.user-level-badge {
    background: #3faa34;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    border-radius: .01rem
}

.user-level-badge .user-level {
    font-size: .13rem;
    color: #fff;
    line-height: 1.5;
    padding: 0 .04rem;
    text-align: center;
    white-space: nowrap
}

.user-level-badge.size-M {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.user-medal-icon .user-medal {
    width: .2rem;
    height: .2rem
}

.user-medal-icon .user-medal img {
    display: block
}

.user-avatar-info {
    position: relative;
    z-index: 1
}

.user-avatar-image,.user-avatar-image img {
    border-radius: 9.99rem;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: block
}

.user-avatar-info .user-medal-info-holder {
    position: absolute;
    bottom: -.05rem;
    right: -.05rem;
    z-index: 1
}

.user-avatar-info .user-level-info-holder {
    position: absolute;
    z-index: 1;
    bottom: -.05rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.user-avatar-info .user-level-info-holder.size-L {
    bottom: -.08rem
}

.user-avatar-info.cursor {
    cursor: pointer
}

.is-mobile.user-name-info {
    display: inline
}

.is-mobile.user-name-info .user-medal-info-holder {
    display: inline-block;
    vertical-align: -.03rem;
    margin-left: .01rem
}

.is-mobile.user-name-info .user-medal-info-holder.width-16 {
    vertical-align: -.02rem
}

.is-mobile.user-name-info .user-medal-info-holder.width-30 {
    vertical-align: -.06rem
}

.is-mobile.user-name-info.transcate {
    display: inline-block;
    vertical-align: middle;
    max-width: 80%;
    max-width: calc(100% - .2rem);
    padding-right: .23rem;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.4
}

.is-mobile.user-name-info.transcate .user-medal-info-holder {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: 0;
    margin-bottom: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.is-mobile.user-name-info.transcate.width-16 {
    max-width: calc(100% - .16rem);
    padding-right: .19rem
}

.is-mobile.user-name-info.transcate.width-30 {
    max-width: calc(100% - .3rem);
    padding-right: .33rem
}

.page-slider-page-wrap {
    height: 100%;
    position: relative;
    overflow: hidden
}

i.icon.icon-course-type {
    background: url(https://statics1.umucdn.cn/mobile/cn-cn/businessCommon/images/iconCourseType.1c7bfc4b.png);
    width: .3rem;
    height: .3rem;
    -webkit-background-size: 2.7rem .9rem;
    background-size: 2.7rem .9rem
}

i.icon.icon-course-type-1 {
    background-position: 0 0
}

i.icon.icon-course-type-2 {
    background-position: -.3rem 0
}

i.icon.icon-course-type-3 {
    background-position: -.6rem 0
}

i.icon.icon-course-type-4 {
    background-position: -.9rem 0
}

i.icon.icon-course-type-5 {
    background-position: -1.2rem 0
}

i.icon.icon-course-type-6 {
    background-position: -1.5rem 0
}

i.icon.icon-course-type-8 {
    background-position: -1.8rem 0
}

i.icon.icon-course-type-10 {
    background-position: -2.1rem 0
}

i.icon.icon-course-type-11 {
    background-position: 0 -.3rem
}

i.icon.icon-course-type-7 {
    background-position: -.3rem -.3rem
}

i.icon.icon-course-type-9 {
    background-position: -.6rem -.3rem
}

i.icon.icon-course-type-12,i.icon.icon-course-type-18 {
    background-position: -.9rem -.3rem
}

i.icon.icon-course-type-my-template {
    background-position: -1.2rem -.3rem
}

i.icon.icon-course-type-enterprise-template {
    background-position: -1.5rem -.3rem
}

i.icon.icon-course-type-umu-template {
    background-position: -1.8rem -.3rem
}

i.icon.icon-course-type-activity {
    background-position: 0 -.6rem
}

i.icon.icon-course-type-weike {
    background-position: -.3rem -.6rem
}

i.icon.icon-course-type-13 {
    background-position: -.6rem -.6rem
}

i.icon.icon-course-type-14 {
    background-position: -.9rem -.6rem
}

i.icon.icon-course-type-15 {
    background-position: -1.2rem -.6rem
}

i.icon.icon-course-type-16 {
    background-position: -1.5rem -.6rem
}

i.icon.icon-course-type-17 {
    background-position: -2.1rem -.6rem
}

i.icon.icon-course-type-learning-group {
    background-position: -1.8rem -.6rem
}

i.icon.icon-course-type-closed {
    background-position: -2.4rem 0
}

i.icon-arrow:after {
    content: "";
    display: block;
    width: .2rem;
    height: .2rem;
    background: no-repeat;
    background-size: 1rem auto;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0
}

i.icon-arrow.up {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

i.icon-arrow.right {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

i.icon-arrow.down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

i.icon-arrow.left {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.icon-activatable.active i.icon.icon-arrow.up {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.icon-activatable.active i.icon.icon-arrow.right {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.icon-activatable.active i.icon.icon-arrow.down {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.icon-activatable.active i.icon.icon-arrow.left {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

i.icon-arrow.size-xs:after {
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    transform: scale(.6)
}

i.icon-arrow.size-s:after {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
}

i.icon-arrow.size-m:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

i.icon-arrow.size-l:after {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

i.icon-arrow.size-xl:after {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5)
}

i.icon-arrow.white:after {
    background-position: 0 0
}

i.icon-arrow.black:after {
    background-position: -.2rem 0
}

i.icon-arrow.gray:after {
    background-position: -.4rem 0
}

i.icon-arrow.blue:after {
    background-position: -.6rem 0
}

i.icon-arrow.gold:after {
    background-position: -.8rem 0
}

i.icon-arrow.arrow1:after {
    background-image: url(https://statics1.umucdn.cn/mobile/cn-cn/businessCommon/images/iconArrow1.602b120f.png)
}

i.icon.icon-up-map {
    background: url(https://statics1.umucdn.cn/mobile/cn-cn/businessCommon/images/iconUpMap.74afb043.png) no-repeat
}

i.icon.icon-up-map.size-s {
    background-position: 0 0
}

i.icon.icon-up-map.size-m {
    background-position: -.2rem 0
}

i.icon.icon-up-map.size-l {
    background-position: -.5rem 0
}

i.icon.icon-up-map.size-xl {
    background-position: -.8rem 0
}

i.icon-entity {
    background-size: contain
}

i.icon-entity.entity-tooltip {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAAWlBMVEUAAAB1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXXm/3T/AAAAHXRSTlMA8xcFnArxjaVX0GXTusQ/tKmAD3Zu5tfJlSsiECe2AmsAAADdSURBVCjPhZPpcsMwCIRXV2Qpjs+k977/a3bGbUE0if39EyBYBoCQSqyOdDWWhP/47Ci47GE4n2g4naGEjnd0QbwXPuDy55e/lu63Lp+w1feqys3LNb6oPg8gy3PymxI1ZCBJv0OAv10/gSjZEorEjgj9lvFDTEVDuaL8RCUxRVStNL6S7BNGMVU4GnqPMGgroOFtRZqoWLfzWAc22OQzMJlwVDZEfLGlIpox32ba8GKn2JtnQWqLvyO0fpeATGUBWuHZDpRu6Volfn8d9pfpYBX3F/noDI6P6OAEvwEmCkYokKSfawAAAABJRU5ErkJggg==)
}

i.icon.icon-info-view-map {
    background: url(https://statics1.umucdn.cn/mobile/cn-cn/businessCommon/images/icon-info-view-map.fae8b7cd.png) no-repeat;
    width: .14rem;
    height: .14rem;
    -webkit-background-size: 1rem auto;
    background-size: 1rem auto;
    position: relative;
    top: .02rem
}

i.icon-info-view-map.likes {
    background: url(https://statics1.umucdn.cn/mobile/cn-cn/businessCommon/images/icon-like-grey.b3a418fe.png) no-repeat;
    background-size: 100% 100%;
    height: .18rem!important;
    width: .18rem!important
}

i.icon-info-view-map.users {
    background: url(https://statics1.umucdn.cn/mobile/cn-cn/businessCommon/images/icon-user-grey.7cc1c0bd.png) no-repeat;
    background-size: 100% 100%
}

i.icon-info-view-map.answers {
    background: url(https://statics1.umucdn.cn/mobile/cn-cn/businessCommon/images/icon-info-view-answers.ce1a4696.png) no-repeat;
    background-size: 100% 100%
}

i.icon-info-view-map.questions {
    background: url(https://statics1.umucdn.cn/mobile/cn-cn/businessCommon/images/icon-info-view-question.2606b68f.png) no-repeat;
    background-size: 100% 100%
}

i.icon-info-view-map.pics {
    background: url(https://statics1.umucdn.cn/mobile/cn-cn/businessCommon/images/icon-info-view-pic.ab057857.png) no-repeat;
    background-size: 100% 100%
}

i.icon-info-view-map.meeting-scheduled {
    background-position: 0 -.2rem
}

i.icon-info-view-map.meeting-live {
    background-position: -.2rem -.2rem
}

i.icon.icon-session-used {
    background: url(https://statics1.umucdn.cn/mobile/cn-cn/businessCommon/images/icon-session-used.6370a038.png) no-repeat;
    width: .6rem;
    height: .44rem;
    -webkit-background-size: 1.8rem auto;
    background-size: 1.8rem auto
}

.share-card-container {
    padding: .24rem .3rem 0;
    min-height: 4.68rem
}

.share-card-container p {
    font-size: .16rem;
    color: #000;
    line-height: .19rem;
    padding: .16rem 0
}

.share-card-container .image-wrap {
    max-width: 7.2rem;
    margin: 0 auto;
    background: #fff;
    -webkit-box-shadow: 0 .01rem .02rem 0 rgba(0,0,0,.06);
    box-shadow: 0 .01rem .02rem 0 rgba(0,0,0,.06);
    border-radius: .02rem
}

.share-card-container .image-wrap img {
    display: block;
    max-width: 100%
}

.share-page .share-header {
    position: relative;
    background: #fff
}

.share-page .share-header .share-header-wrap {
    height: .45rem;
    line-height: .45rem;
    -webkit-box-shadow: 0 .01rem .03rem silver;
    box-shadow: 0 .01rem .03rem silver
}

.share-page .share-header .header-action-back {
    position: absolute;
    top: 0;
    left: .15rem;
    height: 100%
}

.share-page .share-header .header-action-back .icon {
    vertical-align: -.02rem;
    cursor: pointer
}

.share-page .share-header .header-action-back .icon a {
    font-size: .15rem;
    color: #757575
}

.share-page .share-header .header-action-right {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: .15rem;
    height: 100%;
    color: #2196f3
}

.share-page .share-header .header-action-right.disabled {
    color: #757575
}

.share-page .share-header .header-title {
    text-align: center
}

.share-page .share-header .header-title .title {
    font-size: .17rem
}

.share-page .share-body.has-theme {
    height: calc(100vh - 1.39rem)
}

.share-page .share-body.has-theme .share-card-container {
    min-height: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.share-page .share-body.has-theme .share-card-container .image-wrap {
    background-color: transparent;
    height: 100%
}

.share-page .share-body.has-theme .share-card-container .image-wrap img {
    max-height: 100%;
    margin: auto
}

.share-page .share-body.full-screen .share-card-container .image-wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff
}

.share-page .share-body.full-screen .share-card-container .image-wrap img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-height: 100%
}

.share-page .theme-bar {
    padding: .1rem;
    overflow-x: auto;
    white-space: nowrap;
    background-color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0
}

.share-page .theme-bar li {
    margin-right: .1rem;
    width: .7rem;
    height: .7rem;
    position: relative;
    display: inline-block;
    background-color: aqua;
    cursor: pointer;
    border: .01rem solid #e0e0e0;
    background: 50% no-repeat;
    background-size: cover
}

.share-page .theme-bar li.active {
    border: .01rem solid #ffbd2b
}

.share-page .theme-bar li .icon-right {
    width: .2rem;
    position: absolute;
    top: .05rem;
    right: .05rem
}

@media screen and (min-width:1024px) {
    .share-page .theme-bar {
        width: 6.18rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.common-page-footer .footer-wrap {
    background: #f5f5f5;
    padding: .2rem 0;
    text-align: center;
    line-height: 1;
    min-height: .73rem
}

.common-page-footer .support {
    font-size: .15rem;
    margin-bottom: .05rem;
    color: #999;
    height: .29rem
}

.common-page-footer .support .logo,.common-page-footer .support span {
    vertical-align: middle
}

.common-page-footer .support .logo {
    width: .57rem;
    margin-right: .1rem;
    max-width: 100%;
    max-height: 100%
}

.common-page-footer .links {
    font-size: .15rem;
    color: #666;
    margin-bottom: .1rem
}

.common-page-footer .links span {
    vertical-align: middle
}

.common-page-footer .links em {
    position: relative;
    top: -.01rem;
    color: #999
}

.common-page-footer .links a {
    color: #666;
    margin: 0 .08rem
}

.common-page-footer .copyright {
    font-size: .12rem;
    color: #ccc;
    line-height: 1.2;
    padding: 0 .15rem
}

.top-bar .top-bar-nav {
    width: 100%;
    display: table;
    padding: .1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: .01rem solid #dcddde
}

.top-bar .top-bar-nav .nav-item {
    display: table-cell;
    vertical-align: top;
    text-align: center;
    padding: 0 .1rem
}

.top-bar .top-bar-nav .nav-logo {
    text-align: left;
    width: .3rem
}

.top-bar .top-bar-nav .nav-content {
    text-align: left;
    line-height: 22px;
    vertical-align: middle
}

.top-bar .top-bar-nav .nav-action {
    white-space: nowrap;
    width: .3rem
}

.top-bar .top-bar-nav .nav-back {
    padding: 0;
    white-space: nowrap;
    width: .01rem;
    color: #2196f3;
    vertical-align: middle
}

.top-bar .top-bar-nav .nav-back .icon-arrow {
    vertical-align: -.02rem
}

.top-bar-logo {
    cursor: pointer;
    height: .3rem
}

.top-bar-logo img {
    max-width: 1.2rem;
    max-height: .3rem;
    vertical-align: middle
}

.cover-page {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    overflow-y: auto;
    visibility: visible;
    line-height: 1.5
}

.cover-page .cover-page-content {
    min-height: 100%
}

@media screen and (min-width:1024px) {
    .cover-page-content {
        max-width: 6.38rem;
        margin: 0 auto;
        border-left: .01rem solid #dcddde;
        border-right: .01rem solid #dcddde
    }

    .cover-page .cover-page-fixed-header {
        max-width: 6.38rem
    }
}

.split-menu-item {
    margin-top: .1rem;
    margin-bottom: .1rem;
    width: 100%;
    display: block;
    border-bottom: .01rem solid #eee
}

.contact-us-item .telphone-number {
    display: inline-block;
    line-height: .24rem
}

.contact-us-item a {
    display: block;
    position: relative;
    padding-left: .3rem
}

.contact-us-item a:before {
    position: absolute;
    content: "";
    display: inline-block;
    background: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAAXVBMVEUAAABCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfU4xJgGAAAAHnRSTlMA6fAU3s331KA2Kxo8BrYfJg6riWkwkndavq+AUkc2oXV/AAAA3klEQVQ4y4XT266DIBCFYQYVKR7qqdW2e6/3f8xWpAQrI/8dyZeQzIBYe5EaMnGWxqfyzPQFEmasU6aGTBmNj8k284iTHIGpokRhNZfNdAxxpgRK7iJvyMTJE94wQkxw5YKrgutPsA2O1Dy5OKIF35C+6apgk4Y3M7boxptH2lSUNrXyM2bNhIOZimJsQvPy5t+eGzuKdmfu+DbbSeQ4M23X3K8dRcwIn0IeNzOCvBlF2KJ2xlhDP1un0FTWSLEvaw9GH4coQ3Ojoo8sTIfGxD+x0QrJp9gvupSg57Ie3uEcKMMGv03HAAAAAElFTkSuQmCC) no-repeat;background-size: cover;
    width: .18rem;
    height: .18rem;
    top: .03rem;
    left: 0
}

.contact-us-item a.mail:before {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAiCAMAAAATUMtDAAAAY1BMVEUAAABCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVCpfVz7KmTAAAAIHRSTlMAIndpHgj0WhTmzqNGKhvs3tc9MpiMcVIPxrqAsa2EYvvEMdwAAAEvSURBVDjLjZLpjoMwDAbNkQQokEK52nL4/Z9ybZqVtYUsmV+tNBJ8Y4Cpo0tq2FGrxgDuhuUbBkJ2haHkAAaDyQA2G6YWDyCykLfWMTjK+5X7ioBpK87X/6vajc0xgwTfin49Cr97y/hwC6YkY9MCEWvPNUogEo27THQT/Y9eZ27Pz62eiE4m8hEIY097qTeiyMxSu4qHXm2DIjt0AlJRek0dMiI7nn8qWrP3yvFcRqkovdArFxUwg6ZezGi9sh7AkSogZLHIX3u44t7LymKRD3vm2vWSxSLLnvn3fbrvxSLL/Q807WexyHL/I/LdsOzuv6KPfF9jcpLNIPf3MX++mxRA7u9HJ8C4J1zBFZl0xiBWqtBqDKSZoMRQtAIoQuWeezdh7qKAUOUQX7Lx5X4AVGuIRXOQ5VwAAAAASUVORK5CYII=) no-repeat;width: .23rem;
    top: .12rem
}

.lang-switch-menu-item {
    cursor: pointer
}

.lang-switch-menu-item .item-value {
    float: right;
    height: .44rem;
    font-size: .14rem
}

.lang-switch-menu-item .item-value:after {
    clear: both
}

.cover-page.lang-switch-panel-cover-page .cover-page-content {
    position: relative;
    height: 100%;
    overflow-y: auto
}

.lang-switch-panel .panel-shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7)
}

.lang-switch-panel .lang-switch {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    width: 100%;
    background: #fff
}

.lang-switch-panel .lang-header-container {
    padding: 0 .15rem
}

.lang-switch-panel .lang-switch-header {
    line-height: .45rem
}

.lang-switch-panel .lang-list {
    padding: 0 .15rem;
    border-top: .1rem solid #eee
}

.lang-switch-panel .lang-item {
    color: #212121;
    font-size: .17rem;
    line-height: .56rem;
    border-top: .01rem solid #eee;
    cursor: pointer
}

.lang-switch-panel .lang-item:first-child {
    border-top: none
}

.lang-switch-panel .is-checked {
    float: right;
    line-height: .56rem
}

.lang-switch-panel .is-checked:before {
    content: "";
    display: inline-block;
    margin: .02rem auto;
    width: .1rem;
    height: .05rem;
    border: solid #007aff;
    border-width: 0 0 .03rem .03rem;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.lang-switch-panel .lang-item:after {
    content: "";
    clear: both
}

.configurable-header {
    font-size: .16rem;
    position: relative;
    text-align: center
}

.configurable-header .umu-btn {
    padding: 0;
    font-size: .16rem;
    cursor: pointer
}

.configurable-header .left-section {
    left: 0;
    position: absolute
}

.configurable-header .right-section {
    right: 0;
    position: absolute
}

.configurable-header .center-section {
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
    font-size: .18rem;
    height: .28rem;
    line-height: .28rem
}

.configurable-header .center-section .umu-btn {
    font-size: .18rem
}

.configurable-header .umu-btn.btn-text {
    color: #212121;
    cursor: default
}

.configurable-header .umu-btn.btn-disabled {
    color: #757575;
    cursor: default
}

.configurable-header.theme-default {
    padding: .1rem .15rem;
    background: #fff;
    border-bottom: .01rem solid #dcdedd
}

.configurable-header.theme-default .left-section {
    left: .16rem;
    line-height: .3rem
}

.configurable-header.theme-default .right-section {
    right: .16rem;
    line-height: .3rem
}

.configurable-header.theme-default .center-section {
    height: .3rem;
    line-height: .3rem
}

.cover-page.user-menu-panel-cover-page .cover-page-content {
    position: relative;
    height: 100%;
    overflow-y: auto
}

.user-menu .user-info {
    -webkit-transition: opacity .5s linear 0s;
    transition: opacity .5s linear 0s;
    opacity: 0
}

.user-menu .user-info.show {
    cursor: pointer;
    color: #757575;
    opacity: 1
}

.user-menu .user-info-wrap:after {
    content: "";
    width: 0;
    height: 0;
    border-left: .05rem solid transparent;
    border-right: .05rem solid transparent;
    border-top: .05rem solid #838f97;
    position: absolute;
    margin-left: .2rem;
    margin-top: -.15rem
}

.user-menu-panel.hidden {
    visibility: hidden
}

.user-menu-panel .panel-shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7)
}

.user-menu-panel .close-btn {
    position: absolute;
    top: 0;
    right: 0;
    padding: .15rem;
    cursor: pointer
}

.user-menu-panel .close-btn:before {
    content: "";
    display: block;
    width: .14rem;
    height: .14rem;
    background: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcAgMAAAAPYzcHAAAADFBMVEUAAAB1dXV1dXV1dXXDHNCsAAAABHRSTlMA/lanqJr02QAAAGtJREFUCNc9T8ERgCAMy/Hj4xaO4ChVHz76dQvOHdzDZdyHhLvAAYEmbVMs0PqwNUK58CexHnhP4rprQ58aDSVSR2/FBqdLWgYfUqDgFk1BkJYgREuQxhm3znmuM+u6j/vah33Zp317Ds/VAeEFJFW86KiiAAAAAElFTkSuQmCC) no-repeat 50%;background-size: contain
}

.user-menu-panel .user-menu-content {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: .46rem;
    top: 0;
    width: 100%;
    background: #fff;
    padding: .25rem .15rem
}

.user-menu-panel .user-menu-item {
    font-size: 17px;
    line-height: .44rem;
    display: block;
    width: 100%;
    cursor: pointer
}

.user-menu-panel .user-menu-item a {
    color: #212121;
    display: block
}

.user-menu-panel .panel-user-card {
    display: block;
    color: #212121;
    margin-top: .25rem;
    margin-bottom: .2rem;
    min-height: .6rem
}

.user-menu-panel .panel-user-card-wrap {
    position: relative;
    padding-left: .7rem
}

.user-menu-panel .panel-user-card .panel-user-action {
    position: absolute;
    z-index: 1;
    top: .06rem;
    right: 0;
    font-size: .14rem
}

.user-menu-panel .panel-user-card .panel-user-avatar {
    position: absolute;
    top: 0;
    left: 0
}

.user-menu-panel .panel-user-card .panel-user-info {
    line-height: 1.5
}

.user-menu-panel .panel-user-card .panel-user-info .panel-user-name {
    margin-top: .1rem;
    font-size: .2rem;
    margin-right: .9rem
}

.user-menu-panel .panel-user-card .panel-user-info .panel-user-acc {
    font-size: .16rem;
    color: #757575
}

.unread-count-menu-item .unread-message-count {
    float: right;
    height: .44rem;
    line-height: .44rem
}

.unread-count-menu-item .unread-message-count:after {
    clear: both
}

.unread-count-menu-item .system-red-spot {
    display: inline-block;
    background: #dd2c00;
    border-radius: .15rem;
    min-width: .1rem;
    min-height: .2rem;
    font-size: .12rem;
    color: #fff;
    overflow: hidden;
    font-weight: 700;
    line-height: .2rem;
    text-align: center;
    padding: 0 .05rem;
    vertical-align: middle
}

.mini-app-bar {
    z-index: 150;
    position: absolute;
    top: 0;
    font-size: 17px;
    line-height: 1.5;
    color: #fff;
    background: #ffbd2b;
    line-height: 50px;
    text-align: center
}

.mini-app-bar,.mini-app-plachholder {
    width: 100%;
    height: 50px
}

.quick-register-dialog {
    text-align: left
}

.quick-register-dialog .mail-input-wrap {
    margin-top: .16rem
}

.quick-register-dialog .phone-input .country-code-list {
    height: 1.2rem
}

.quick-register-dialog .form.form-sign {
    margin: .1rem 0
}

.quick-register-dialog .form.phone-verification .form-row {
    margin-top: .15rem
}

.quick-register-dialog .dialog-title {
    padding: .15rem;
    font-size: .18rem;
    color: #212121
}

.quick-register-dialog-main {
    padding: 0 .15rem;
    font-size: .14rem
}

.quick-register-dialog-main .configurable-header,.quick-register-dialog-main .header-logo img {
    height: .36rem
}

.quick-register-dialog-main .btn-next-step {
    display: block;
    font-size: .15rem;
    color: #fff;
    background: #2196f3;
    padding: .1rem .15rem
}

.quick-login-tip {
    margin-top: .1rem
}

.quick-login-tip p {
    line-height: 1.5;
    font-size: .14rem;
    color: #646464
}

.quick-register-dialog-main .passwd-info {
    text-align: center;
    margin-bottom: .4rem
}

.quick-register-dialog-main .passwd-info .title {
    color: #ff9800;
    font-size: .23rem;
    margin-top: .15rem;
    margin-bottom: .1rem;
    line-height: .26rem
}

.quick-register-dialog-main .passwd-info .desc {
    font-size: .14rem;
    color: #757575;
    line-height: 1.5
}

#toast {
    line-height: normal;
    max-height: 80%;
    overflow: auto;
    max-width: 5rem;
    color: #fff;
    padding: .18rem .2rem .15rem;
    background: rgba(0,0,0,.8);
    border-radius: .04rem;
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 9999;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    overflow: hidden
}

#toast.show {
    visibility: visible;
    opacity: 1
}

.mail-wrap {
    position: relative;
    text-align: left;
    font-size: .18rem
}

.mail-wrap .domain-wrap {
    width: 100%;
    position: absolute;
    z-index: 2;
    background: #fff;
    margin-bottom: 1rem
}

.mail-wrap .domain-wrap li {
    list-style: none;
    border-bottom: .01rem solid #bdbdbd;
    cursor: pointer;
    padding: .15rem 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.password-wrap {
    position: relative
}

.password-wrap .input {
    padding: .06rem .43rem .06rem 0
}

.password-wrap .toggle-visible-wrap {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    padding: .11rem
}

.icon-entity.entity-password-switch {
    width: .15rem;
    height: .15rem;
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAARVBMVEUAAAB1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXV1dXUidhQ7AAAAFnRSTlMAnfTrCRiweGZVjdLChSRKPiu3XRDcgaHJ3QAAANBJREFUKM+9kt0OgyAMhU8LKCDOf97/UafRAkZnsmTZubHt15ZWwI+kHTUcIzfk9AUazzFJtfOZWoGSMJV9q3gRZRrijSrBe+2n+roYqevtmFy70Ren9H2hTh0+m7I1ral12wF9GUmdNabtGzS8xEw2vWT6XFJjEdPJjAqQ0wOiqAcdlkYjQYSn6iVvTTB8HDjkeQznLXu1b0OCh8IegdnZNdKVv91w4ma/3JiKzy6TndomufVGpf2XNxo0RHRTq5Hl1BmyxUlzqwrozfM7/4veHjUog8tqnmkAAAAASUVORK5CYII=)
}

.icon-entity.entity-password-switch.close {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAATlBMVEUAAAAhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvNMM3GkAAAAGXRSTlMAnQv07Ri0Vo1o0oV7dUorJb9gQeTcxqs3JyCMIAAAANhJREFUKM+9UtsOwyAIxVu9Vdd75///6Gosatt1yZJl50U4BwgI8CNQSQwLgRki6UUUioUMbk8BGkUMkHXdNVxAitqHN2hQbqJ3m99mYrJ+HEqwjmpXwlO/nu8+E3VpsoU66wGeNZNnoTDEt6egkBPFVNChIZBzMKMpsUcOMO3cAgExAtktCgZJWEq2y9nY+wyutCnSx7fwSAy2gVOOPE1DkHtUdhN3rjfGV0wsiZ5Iyw05+egyogdrsttGFct/udE+Lug2f63PTfKjyPTpjC2vRCU+3/lf8ALwEy2rAfb3TAAAAABJRU5ErkJggg==)
}

.phone-input .form-row {
    position: relative;
    margin: .16rem 0 0
}

.phone-input .country-code-selector {
    position: relative;
    width: .8rem;
    z-index: 9;
    text-align: left
}

.phone-input .form-row.country-code-select {
    margin-bottom: -.57rem!important
}

.phone-input .country-code-selector .flag {
    display: inline-block;
    vertical-align: middle;
    width: .16rem;
    height: .11rem;
    background: url(https://statics1.umucdn.cn/mobile/cn-cn/businessCommon/images/country_flag.73fcfc82.png) no-repeat
}

.phone-input .country-code-selector .current {
    height: .41rem;
    line-height: .41rem
}

.phone-input .country-code-selector .current .flag {
    margin-left: 0;
    margin-right: .2rem;
    position: relative;
    vertical-align: 0
}

.phone-input .country-code-selector .current .flag:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: .1rem;
    width: 0;
    height: 0;
    border: .03rem solid transparent;
    border-top-color: #2a5caf;
    position: absolute;
    right: -.14rem;
    top: .04rem
}

.phone-input .country-code-selector .current .country-code {
    display: inline-block;
    vertical-align: middle;
    font-size: .17rem;
    color: #333;
    position: relative;
    height: .28rem;
    margin: .07rem 0;
    line-height: .26rem;
    border-right: .01rem solid #e0e0e0;
    padding-right: .1rem;
    margin-right: -.2rem
}

.phone-input .country-code-selector .current .country-code:before {
    content: "+"
}

.phone-input .country-code-selector.active {
    width: auto
}

.phone-input .country-code-selector.active .country-code-list {
    display: block
}

.phone-input .country-code-selector.active .current:before {
    content: "";
    position: fixed;
    width: 100%;
    height: 1000%;
    left: 0;
    top: -300%
}

.phone-input .country-code-list {
    overflow-y: scroll;
    height: 2rem;
    background: #fff;
    width: 100%;
    display: none;
    position: absolute;
    top: .4rem;
    left: 0;
    right: 0;
    border: .01rem solid #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
    margin-bottom: -.01rem;
    -webkit-overflow-scrolling: touch
}

.phone-input .country-code-option {
    padding: .06rem .14rem .06rem .4rem;
    position: relative
}

.phone-input .country-code-option.active {
    background: #eee
}

.phone-input .country-code-option .flag {
    position: absolute;
    left: .14rem;
    top: .08rem
}

.phone-input .country-code-option .country-name {
    color: #333;
    margin-right: .05rem
}

.phone-input .country-code-option .country-code-data {
    color: #737373
}

.phone-input .phone-number {
    position: relative;
    z-index: 8
}

.phone-input .phone-number input {
    padding-left: .9rem;
    padding-right: 0;
    height: .41rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.phone-input .input-tooltip {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    padding: .11rem
}

.phone-input .input-tooltip .icon-entity {
    width: .16rem;
    height: .16rem
}

.form.phone-verification {
    text-align: center
}

.phone-verification .verify-code-input {
    text-align: center;
    font-size: .23rem;
    width: 1.25rem;
    margin: 0 auto;
    padding-bottom: 0
}

.phone-verification .verify-info {
    margin-top: .15rem
}

.phone-verification .verify-info-panel {
    text-align: center;
    font-size: .14rem;
    color: #757575
}

.phone-verification .verify-info-panel .title {
    color: #ff9800;
    font-size: .23rem;
    text-align: center;
    margin-top: .15rem;
    margin-bottom: .1rem;
    line-height: .26rem
}

.phone-verification .re-send-btn {
    display: inline-block;
    vertical-align: middle;
    padding: .12rem
}

.phone-verification .form-info {
    margin-top: .15rem;
    font-size: .14rem;
    color: #999
}

.tied-share-options {
    position: relative;
    z-index: 9999
}

.tied-share-options .options-mask {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7)
}

.tied-share-options .options-main {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    color: #000;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s
}

.tied-share-options .options-main.active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.tied-share-options .option-list .option-list-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tied-share-options .option-list .option-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    padding: .2rem;
    cursor: pointer
}

.tied-share-options .option-list .option-item .label {
    font-size: .12rem;
    margin-top: .12rem
}

.tied-share-options .option-list .option-item .share-icon {
    display: inline-block;
    vertical-align: middle;
    width: .42rem;
    height: .42rem;
    background: no-repeat 50%;
    background-size: cover
}

.tied-share-options .option-list .option-item .share-icon.share-icon-card {
    background-image: url(https://statics1.umucdn.cn/mobile/cn-cn/businessCommon/images/card.be90cf37.png)
}

.tied-share-options .option-list .option-item .share-icon.share-icon-class {
    background-image: url(https://statics1.umucdn.cn/mobile/cn-cn/businessCommon/images/class.cec7f89d.png)
}

.simditor .plain-text-content {
    white-space: pre-line
}

.simditor .simditor-body {
    min-height: .3rem;
    outline: none;
    position: relative;
    z-index: 1;
    padding: 0;
    background: transparent;
    cursor: text;
    font-family: noto_sansregular,Arial,Microsoft Yahei,Hiragino Sans GB;
    overflow: hidden;
    overflow-x: auto
}

.simditor .simditor-body strong {
    font-weight: 700
}

.simditor .simditor-body pre {
    margin: .5em 0;
    padding: .4em .6em;
    border-radius: .08rem;
    background: #f8f8f8
}

.simditor .simditor-body img {
    max-width: 100%;
    margin: .05rem 0;
    vertical-align: middle;
    cursor: pointer;
    height: auto
}

.editor-style a,.simditor .simditor-body a {
    color: #2196f3;
    text-decoration: none;
    word-break: break-word
}

.editor-style a:active,.editor-style a:hover,.editor-style a:visited,.simditor .simditor-body a:active,.simditor .simditor-body a:hover,.simditor .simditor-body a:visited {
    color: #2196f3
}

.editor-style a:active,.editor-style a:hover,.simditor .simditor-body a:active,.simditor .simditor-body a:hover {
    outline: 0
}

.editor-style blockquote,.simditor .simditor-body blockquote {
    border-left: .06rem solid #ddd;
    padding: .05rem 0 .05rem .1rem;
    margin: .15rem 0 .15rem .15rem
}

.editor-style blockquote>:first-child,.simditor .simditor-body blockquote>:first-child {
    margin-top: 0
}

.editor-style code,.simditor .simditor-body code {
    display: inline-block;
    padding: 0 .04rem;
    margin: 0 .05rem;
    background: #eee;
    border-radius: .03rem;
    font-size: .13rem;
    font-family: monaco,Consolas,Liberation Mono,Courier,monospace
}

.editor-style pre code,.simditor .simditor-body pre code {
    display: block;
    padding: 0;
    margin: 0;
    background: none;
    border-radius: 0
}

.simditor .simditor-body p {
    margin: .05rem 0;
    line-height: 1.4;
    word-break: break-word
}

.simditor .simditor-body ol,.simditor .simditor-body ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: .4rem
}

.simditor .simditor-body li {
    clear: both
}

.simditor .simditor-body .list-paddingleft-1 {
    padding-left: 0
}

.simditor .simditor-body .list-paddingleft-2 {
    padding-left: .3rem
}

.simditor .simditor-body .list-paddingleft-3 {
    padding-left: .6rem
}

.pagebreak {
    display: block;
    clear: both!important;
    cursor: default!important;
    width: 100%!important;
    margin: 0
}

.user-name-role {
    display: inline-block;
    vertical-align: middle;
    height: .18rem;
    line-height: .18rem;
    min-width: .3rem;
    padding: 0 .05rem;
    margin-right: .1rem;
    background: #000;
    border-radius: .02rem;
    font-size: .12rem;
    color: #ffbd2b;
    text-align: center
}

.wechat-service-account-dialog .dialog-main {
    max-width: 4.2rem
}

.wechat-service-account-dialog .dialog-body {
    padding: .3rem
}

.wechat-service-account {
    line-height: 1.4;
    color: #333
}

.wechat-service-account .icon {
    width: .42rem;
    height: .42rem;
    display: block;
    background-image: url(https://statics1.umucdn.cn/mobile/cn-cn/businessCommon/images/info_type_success_event.153c13a7.png);
    margin: 0 auto .1rem;
    background-size: contain
}

.wechat-service-account .icon-success {
    background-image: url(https://statics1.umucdn.cn/mobile/cn-cn/businessCommon/images/info_type_success_event.153c13a7.png)
}

.wechat-service-account .icon-fail {
    background-image: url(https://statics1.umucdn.cn/mobile/cn-cn/businessCommon/images/info_type_f.b6459b6a.png)
}

.wechat-service-account .message {
    font-weight: bolder;
    font-size: .18rem;
    text-align: center
}

.wechat-service-account .tips {
    font-size: .16rem;
    text-align: center;
    margin-top: .15rem
}

.wechat-service-account .qrcode {
    display: block;
    width: 1.55rem;
    height: 1.55rem;
    margin: .13rem auto .12rem
}

.teacher-info-box .teacher-info {
    width: calc(100% - 1rem);
    float: left;
    cursor: pointer
}

.teacher-info-box .teacher-info .teacher-avatar {
    width: .4rem;
    float: left
}

.teacher-info-box .teacher-info .teacher-wrapper {
    padding-left: .52rem
}

.teacher-info-box .teacher-info .teacher-wrapper .wrap-top {
    height: .2rem;
    line-height: .2rem;
    padding-bottom: .05rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.teacher-info-box .teacher-info .teacher-wrapper .wrap-top .user-name {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    overflow: hidden;
    padding-right: .03rem
}

.teacher-info-box .teacher-info .teacher-wrapper .wrap-top .user-name-role-holder {
    margin-left: .1rem;
    white-space: nowrap;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.teacher-info-box .teacher-info .teacher-wrapper .wrap-bottom {
    font-size: .14rem;
    line-height: .2rem;
    color: #757575
}

.teacher-info-box .teacher-fllow {
    float: right;
    margin-top: .1rem
}

.teacher-info-box .teacher-fllow .btn-mind {
    min-width: .71rem;
    height: .3rem;
    padding: 0 .05rem;
    outline: none;
    float: right;
    border-radius: .04rem;
    background: #fff;
    color: #ffab00;
    cursor: pointer;
    border: 1px solid #ffab00;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: .16rem
}

.teacher-info-box .teacher-fllow .btn-mind.followed {
    color: #ccc;
    border: .01rem solid #ccc
}

.page-qrcode {
    position: relative
}

.page-qrcode .page-qrcode-main {
    position: absolute;
    right: -1.85rem;
    top: 0;
    margin-top: .2rem;
    width: 1.4rem;
    padding: .16rem 0;
    /*
    border: .01rem solid #d9dadc;
    background-color: #fff;
     */
    color: #757575;
    text-align: center
}

.page-qrcode .page-qrcode-main .img {
    width: 1.02rem;
    height: 1.02rem;
    display: block;
    margin: 0 auto
}

.page-qrcode .page-qrcode-main .desc {
    font-size: .14rem;
    line-height: .2rem
}

.page-qrcode .page-qrcode-main .desc p {
    padding: 0 .16rem;
    margin-top: .08rem
}

.page-qrcode .page-qrcode-main .desc hr {
    margin-top: .08rem;
    height: 0;
    border: none;
    border-top: .01rem dashed #e0e0e0
}

.page-qrcode .access-code-desc .access-code-wrap {
    color: #212121
}

.page-qrcode .access-code-desc .access-code {
    font-weight: 700
}

.app-guide .guide-actions {
    background: #fff;
    padding: 5px 10px
}

.app-guide-container .skeyInput {
    display: block;
    height: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    border: 0 none
}

.app-guide.ecllipse-session-nav .guide-actions {
    margin-bottom: 50px
}

.app-guide.ecllipse-session-nav .guide-actions-placeholder {
    height: 120px
}

.app-guide .guide-actions .btn {
    margin: .1rem 0;
    display: block
}

.app-guide .guide-tip {
    margin-bottom: .15rem;
    line-height: .21rem;
    font-size: .15rem;
    color: #000
}

.app-guide .guide-tip em {
    font-style: italic;
    font-weight: 700
}

.app-guide-desktop-wrap {
    padding: .4rem 0;
    position: relative
}

.app-guide-desktop .qr-code {
    margin-bottom: .2rem
}

.app-guide-desktop .qr-code .img {
    width: 1.35rem;
    height: 1.35rem;
    margin: auto;
    padding: .05rem;
    border: .01rem solid silver;
    position: relative
}

.app-guide-desktop .qr-code img {
    position: relative;
    z-index: 1
}

.app-guide-desktop .qr-code .img:after,.app-guide-desktop .qr-code .img:before {
    content: "";
    position: absolute;
    background: #fff
}

.app-guide-desktop .qr-code .img:before {
    top: -.01rem;
    bottom: -.01rem;
    left: .25rem;
    right: .25rem
}

.app-guide-desktop .qr-code .img:after {
    left: -.01rem;
    right: -.01rem;
    top: .25rem;
    bottom: .25rem
}

.app-guide-desktop .tip {
    color: #616161;
    line-height: 1.5;
    font-size: .15rem;
    text-align: center
}

.app-guide-desktop .tip .notice {
    color: #d50000;
    margin: .2rem
}

.app-guide-desktop .tip .info {
    width: 2.4rem;
    margin: auto
}

.app-guide-join-wrap {
    background: #fff;
    padding: .05rem .1rem
}

.app-guide-join .btn {
    display: block;
    text-align: center;
    background: #2196f3;
    color: #fff;
    font-size: .16rem;
    line-height: .4rem;
    border-radius: .03rem;
    margin: .12rem 0
}

.app-guide-join .btn.disabled {
    background: #ccc;
    color: #fff
}

.app-guide-join.ecllipse-session-nav .app-guide-join-wrap {
    margin-bottom: 50px
}

.app-guide-join.ecllipse-session-nav .app-guide-join-holder {
    height: .74rem
}

.siblings-nav-container-holder {
    height: .5rem
}

.siblings-nav {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    border-top: .01rem solid #e5e5e5;
    border-bottom: .01rem solid #e5e5e5
}

.siblings-nav.fix-danger-bottom {
    padding-bottom: .34rem
}

.siblings-nav .siblings-nav-item {
    display: table-cell;
    text-align: center;
    vertical-align: top
}

.siblings-nav .siblings-nav-item a {
    display: block;
    height: 100%;
    border: none;
    font-size: .14rem;
    color: #333;
    padding: .06rem 0
}

.siblings-nav .siblings-nav-item a:before {
    content: "";
    width: .2rem;
    height: .2rem;
    display: block;
    background-size: contain;
    margin: 0 auto .03rem;
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAV1BMVEUAAACZmZmbm5ucnJyZmZmdnZ2ZmZmsrKyenp6ZmZmampqampqampqcnJyenp6jo6OZmZmdnZ2ampqZmZmampqfn5+ZmZmampqZmZmampqcnJyampqZmZnEUXbKAAAAHHRSTlMAtHA9rSD3BBLho9yaJhsI1RfQzLgP6GeKU0g1ATxDkgAAAMVJREFUSMft0tsKgzAMgOGqrVVXD3Meduj7P+cYGjqwJWmuNul/FQofJRCROkOzGXOurW7WWsO3oHW11cdY0M0+lzPNjhYyWrT1PndE62q0UDUdXzd71IpgB2v9WsVbp1W8dbqNsS750RjuLg4ctJwZFjTjX6dRy9XKWX9Zj1iWhgtkaLBok1dPllbuwwsRNz58J+KnD+tiHVAp1+B1Z5SFEz4VXiTEwJmAyoQT/gVsUPwIY1UjeNIiXP8qoFZAxddb6k97AynhgMXyNR+2AAAAAElFTkSuQmCC);background-repeat: no-repeat
}

.siblings-nav .siblings-nav-item.nav-points a {
    padding: 0;
    line-height: .5rem;
    color: #ffab00
}

.siblings-nav .siblings-nav-item.nav-points a:before {
    display: inline-block;
    line-height: 100%;
    vertical-align: middle;
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAA2FBMVEUAAAD/rAD/rAL/rgT/rQT/rgr//wD/rgX/rwf/rgj/rwr/rwv/twD/rwf/rwj/rwr/rwz/sQv/sQz/sA3/sg7/sw3/shD/tg7/vBD/vA3/sg3/sQ3/sQ7/sQ7/sxD/uxH/qwD//////fv/+u//4qj/0nj/rQf/9eH/89r/3pr/zmr/y2H/x1b/w0j/tyX//fr//Pf/+Or/2pD/z2//yVv/xEz/vTj/sRT/6sD/5LD/4KL/3Jb/2Ir/1oT/1Hv/wEH/vz3/sxj/rwv/7cv/68T/6Lv/463/xE4/KSx5AAAAIHRSTlMA/vv59dYE7+TdzbsL6t/DraKGgGRUQDggE45yb1gvDyyCx5MAAAGZSURBVEjH7dXXbsIwGIZhJ4yyNy102kDIDntDW+i6/ztqWJV/E8chqqoe8J5+emRiiECX/j58Zhf8+3ikaq9h8aZJiBoWm8TNDonft3gWDjtkW2MdCi/JLiUMbvf2WAuDLXLo5Xzc/jjiVjswdkyl35pqTULV1KatvmI6Imw3CLfuWIDnxKe+AA/8sCXAWOfblfi2lzyrBPmqnj1pw8A8LNGL4WWHmEoCWMZ0wwZruyPMx1EM+uowlvmJygBn4dhmcBPDogDn4DgmTA7ccwCn4Dhg8RDuaYBLcGyxeAH3CsA1CYwqi9/gZccR/7onhK0D3ukEtPChRwfSs8zjez2m9yKDy/S42oP5BOP1jOwa0J/6ETFFqPWTuKk23mX1iJtOzTHEVmRejcXm5wa2d29QB9+c4CeJ0ooO/uBs3QAHn5bGguDBsHokGC4gr6pSEJtE3hUC2GgdccqKH/ga8cokBDYCLSwe87VXNeRbXuLbWAYJerjiHVtBAbqVvZ62hIKVKSclIOXUXRwFL36fT0QkNzmaTFfRpX/QNygPBfKlc/JeAAAAAElFTkSuQmCC)
}

.siblings-nav .siblings-nav-item.nav-reward a:before {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAilBMVEUAAADnWi3oWy3oWi3oWi3oWy3oWi7oWy3pWy7qXC7/dELoWi3oWi3oWy3sWzDqWi7uXTLvYTD/a0P/jHXoWi3oWy3oWy7qWy/oXC3oXC7pWzDrXy/vZTroWi3oWi3oWy3oWy3nWi3oWy7pWy3qXC/tXDHnWy3oWy3oWy3oWi7oXS7oWy7oWy7nWi3h1ThWAAAALXRSTlMAzLT679GpdnAvBdm6lDQiHQ8HAvz0fV1ZQTolDOnesaONhGZJKeKbilYWxL5GYYb8AAABLElEQVRIx+2U2W6EIABFUVQQ933XcZut9f9/r6gvTVOkkLRJM55EDDeeANcoODkRIm8WDvrMlLWFy4UpL3zU31nZUzgqTAlTRiSFh3WZHmKf2fY9g6les2hM1IPCEkTMy7erWzh0348K2x7KiI/0L2ZiFKCie+LIlBY/gZ/d9L37uLWHgkRTBxeevAM7bEYA1FXl+YTep/5KU578CU11BpyPqWMo8RZwZQan/FMZxvKyDkxJWRvKGgD/oUjIjUeDkF6RLS7f6TyAOR0ncRmvgeWUZZmJy90a1KiRKwxtUTi2Uq/KqHZdojBKbMxgq01YdlzXzaG7xoq4TOfzguVkZd3wW0HHZyJ+5nu0h4FUYVZagPDRa/Jf1b/8k7yAbPHlnimbqsLhFoCTkz/jA98x2YSHOH/kAAAAAElFTkSuQmCC)
}

.siblings-nav .siblings-nav-item.nav-directory a:before {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAV1BMVEUAAACZmZmbm5ucnJyZmZmdnZ2ZmZmsrKyenp6ZmZmampqampqampqcnJyenp6jo6OZmZmdnZ2ampqZmZmampqfn5+ZmZmampqZmZmampqcnJyampqZmZnEUXbKAAAAHHRSTlMAtHA9rSD3BBLho9yaJhsI1RfQzLgP6GeKU0g1ATxDkgAAAMVJREFUSMft0tsKgzAMgOGqrVVXD3Meduj7P+cYGjqwJWmuNul/FQofJRCROkOzGXOurW7WWsO3oHW11cdY0M0+lzPNjhYyWrT1PndE62q0UDUdXzd71IpgB2v9WsVbp1W8dbqNsS750RjuLg4ctJwZFjTjX6dRy9XKWX9Zj1iWhgtkaLBok1dPllbuwwsRNz58J+KnD+tiHVAp1+B1Z5SFEz4VXiTEwJmAyoQT/gVsUPwIY1UjeNIiXP8qoFZAxddb6k97AynhgMXyNR+2AAAAAElFTkSuQmCC)
}

.siblings-nav .siblings-nav-item.nav-prev a:before {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAM1BMVEUAAACampqampqfn5+ampqZmZmampqenp6ZmZmZmZmampqZmZmbm5uZmZmampqampqZmZmkg74aAAAAEHRSTlMA90wIf92zIn1o3rIhzcpTKN7cawAAAI9JREFUSMftlUkKhTAQBY3+wdl3/9Mqbmopr0F7YWobCoqQdDeVyhvQyU1y169DVG6/UonJ88SpKXefIl+m2JYptmWKfZnioPz/SbZMsS9T7MsU+zLFvkyxL1MckvuisDxISXLDRT99YQftKAg+koTnSXvGl6Q9YwzFByDtUZn2lHVD+7MrluW+bFdypfJ6dmzALfLEOecrAAAAAElFTkSuQmCC)
}

.siblings-nav .siblings-nav-item.nav-next a:before {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAM1BMVEUAAACampqampqfn5+ampqZmZmampqenp6ZmZmZmZmampqZmZmbm5uZmZmampqampqZmZmkg74aAAAAEHRSTlMA90wIf92zIn1o3rIhzcpTKN7cawAAAI9JREFUSMftlUkKhTAQBY3+wdl3/9Mqbmopr0F7YWobCoqQdDeVyhvQyU1y169DVG6/UonJ88SpKXefIl+m2JYptmWKfZnioPz/SbZMsS9T7MsU+zLFvkyxL1MckvuisDxISXLDRT99YQftKAg+koTnSXvGl6Q9YwzFByDtUZn2lHVD+7MrluW+bFdypfJ6dmzALfLEOecrAAAAAElFTkSuQmCC);-webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.siblings-nav .siblings-nav-item.nav-next.disabled,.siblings-nav .siblings-nav-item.nav-prev.disabled {
    cursor: default
}

.siblings-nav .siblings-nav-item.nav-next.disabled a,.siblings-nav .siblings-nav-item.nav-prev.disabled a {
    color: #757575
}

.siblings-nav .siblings-nav-item.nav-next.disabled a:before,.siblings-nav .siblings-nav-item.nav-prev.disabled a:before {
    opacity: .7
}

.section-item-header {
    line-height: .24rem;
    padding: .12rem .16rem;
    position: relative;
    background: #f5f5f5;
    border-bottom-width: .01rem;
    border-bottom-style: solid;
    font-size: .17rem
}

.section-item-header .section-title {
    white-space: pre-line
}

.section-item-header .section-title-desc {
    color: #aaa
}

.section-item-header .section-header-img {
    margin-top: .05rem
}

.section-item-header .section-header-img img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%
}

.section-item-header .audio-player,.section-item-header video {
    margin-top: .15rem
}

.section-item-header audio {
    width: 100%;
    outline-style: none
}

.section-item-header.scheme-1 {
    border-bottom-color: #ffb91f
}

.section-item-header.scheme-1 .section-num {
    color: #ffb91f
}

.section-item-header.scheme-2 {
    border-bottom-color: #42a5f5
}

.section-item-header.scheme-2 .section-num {
    color: #42a5f5
}

.section-item-header.scheme-3 {
    border-bottom-color: #ff7d7a
}

.section-item-header.scheme-3 .section-num {
    color: #ff7d7a
}

.section-item-header.scheme-4 {
    border-bottom-color: #9fc937
}

.section-item-header.scheme-4 .section-num {
    color: #9fc937
}

.section-item-header.scheme-5 {
    border-bottom-color: #9b65d0
}

.section-item-header.scheme-5 .section-num {
    color: #9b65d0
}

.section-item-header.scheme-6 {
    border-bottom-color: #ffa726
}

.section-item-header.scheme-6 .section-num {
    color: #ffa726
}

.section-item-header.scheme-7 {
    border-bottom-color: #65b2e9
}

.section-item-header.scheme-7 .section-num {
    color: #65b2e9
}

.section-item-header.scheme-8 {
    border-bottom-color: #f596aa
}

.section-item-header.scheme-8 .section-num {
    color: #f596aa
}

.section-item-header.scheme-9 {
    border-bottom-color: #3bb6b6
}

.section-item-header.scheme-9 .section-num {
    color: #3bb6b6
}

.section-item-body {
    margin: .16rem
}

.form-option-item {
    margin: .15rem 0;
    background: #f1f3f7;
    border-radius: .03rem;
    padding: .1rem .15rem;
    line-height: .2rem;
    overflow: hidden;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

.form-option-item .option-input {
    float: left
}

.form-option-item .option-detail {
    color: #333;
    font-size: .16rem;
    margin-left: .3rem
}

.form-option-item .checkable-box {
    line-height: 1
}

.form-option-item .checkable-box .box {
    display: block;
    margin-top: .02rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: .16rem;
    height: .16rem;
    background: #fff;
    border: .01rem solid #ccc;
    overflow: hidden
}

.form-option-item .checkable-box .box.type-radio {
    border-radius: 50%
}

.form-option-item .option-image {
    margin-top: .05rem
}

.form-option-item .option-image img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%
}

.form-option-item .option-extra-textarea {
    margin-top: .05rem
}

.form-option-item.active .option-detail {
    color: #fff
}

.form-option-item.active .box {
    border: 0;
    background: url(https://statics1.umucdn.cn/mobile/cn-cn/businessCommon/images/mask.3c6ea61b.png) no-repeat 50%/contain
}

.form-option-item.scheme-1.active {
    background-color: #ffb91f
}

.form-option-item.scheme-1 .checkable-box .box {
    border-color: #ffb91f
}

.form-option-item.scheme-2.active {
    background-color: #42a5f5
}

.form-option-item.scheme-2 .checkable-box .box {
    border-color: #42a5f5
}

.form-option-item.scheme-3.active {
    background-color: #ff7d7a
}

.form-option-item.scheme-3 .checkable-box .box {
    border-color: #ff7d7a
}

.form-option-item.scheme-4.active {
    background-color: #9fc937
}

.form-option-item.scheme-4 .checkable-box .box {
    border-color: #9fc937
}

.form-option-item.scheme-5.active {
    background-color: #9b65d0
}

.form-option-item.scheme-5 .checkable-box .box {
    border-color: #9b65d0
}

.form-option-item.scheme-6.active {
    background-color: #ffa726
}

.form-option-item.scheme-6 .checkable-box .box {
    border-color: #ffa726
}

.form-option-item.scheme-7.active {
    background-color: #65b2e9
}

.form-option-item.scheme-7 .checkable-box .box {
    border-color: #65b2e9
}

.form-option-item.scheme-8.active {
    background-color: #f596aa
}

.form-option-item.scheme-8 .checkable-box .box {
    border-color: #f596aa
}

.form-option-item.scheme-9.active {
    background-color: #3bb6b6
}

.form-option-item.scheme-9 .checkable-box .box {
    border-color: #3bb6b6
}

.section-item-body.section-textarea .option-content {
    border: 2rpx solid #ccc;
    background: #fff;
    border-radius: 6rpx;
    color: #333;
    padding: 18rpx 26rpx;
    position: relative;
    min-height: 160rpx
}

.section-item-body.section-textarea .option-content textarea {
    width: 100%;
    height: 160rpx;
    font-size: 34rpx;
    line-height: 1.6rpx
}

.section-item-body.section-number {
    border-radius: .04rem;
    background: #f1f3f7;
    padding: .05rem .5rem .05rem 0;
    position: relative
}

.section-item-body.section-number .range-value {
    position: absolute;
    top: .11rem;
    right: .16rem;
    width: .25rem;
    height: .25rem;
    line-height: .25rem;
    text-align: center;
    border: .01rem solid #ccc;
    border-radius: .02rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.section-item-body.section-number .slider-bar {
    height: .09rem;
    padding: .15rem .4rem
}

.section-item-body.section-number .slider-bar-wrap {
    position: relative;
    z-index: 1;
    background: #e7e7e7;
    border-radius: 1rem;
    cursor: pointer
}

.section-item-body.section-number .slider-bar .slider-btn {
    position: absolute;
    z-index: 9;
    line-height: .24rem;
    height: .24rem;
    width: .24rem;
    border-radius: 1rem;
    border: none;
    margin-top: -.07rem;
    margin-left: -.12rem;
    background: #fff;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: -webkit-transform .2s,-webkit-box-shadow .2s;
    transition: -webkit-transform .2s,-webkit-box-shadow .2s;
    transition: transform .2s,box-shadow .2s;
    transition: transform .2s,box-shadow .2s,-webkit-transform .2s,-webkit-box-shadow .2s;
    -webkit-box-shadow: 0 .02rem .05rem rgba(0,0,0,.3);
    box-shadow: 0 .02rem .05rem rgba(0,0,0,.3)
}

.section-item-body.section-number .slider-bar .slider-btn-groove {
    position: relative;
    margin: 0 .12rem
}

.section-item-body.section-number .slider-bar:not(.disabled) .slider-btn:active {
    -webkit-transform: translateY(.01rem);
    -ms-transform: translateY(.01rem);
    transform: translateY(.01rem);
    -webkit-box-shadow: 0 .01rem .05rem rgba(0,0,0,.3);
    box-shadow: 0 .01rem .05rem rgba(0,0,0,.3)
}

.section-item-body.section-number .slider-bar .slider-value {
    position: relative;
    overflow: hidden;
    height: .09rem;
    width: 0;
    background: #ffbd2b;
    border-radius: 1rem
}

.section-item-body.section-number .slider-axises {
    position: relative;
    line-height: 1;
    font-size: .16rem
}

.section-item-body.section-number .slider-axis {
    position: absolute;
    top: .12rem
}

.section-item-body.section-number .slider-axis.min-label {
    left: .1rem
}

.section-item-body.section-number .slider-axis.max-label {
    right: .1rem
}

.section-item-body.section-number .slider-legends {
    line-height: 1;
    font-size: .14rem;
    padding: 0 .05rem
}

.section-item-body.section-number .slider-legend {
    display: inline-block;
    font-size: .14rem;
    width: 45%;
    padding: 0 .05rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1.5
}

.section-item-body.section-number .slider-legend.max-label {
    float: right;
    text-align: right
}

.section-item-body.section-number .slider-bar .slider-value.scheme-1 {
    background-color: #ffb91f
}

.section-item-body.section-number .slider-bar .slider-value.scheme-2 {
    background-color: #42a5f5
}

.section-item-body.section-number .slider-bar .slider-value.scheme-3 {
    background-color: #ff7d7a
}

.section-item-body.section-number .slider-bar .slider-value.scheme-4 {
    background-color: #9fc937
}

.section-item-body.section-number .slider-bar .slider-value.scheme-5 {
    background-color: #9b65d0
}

.section-item-body.section-number .slider-bar .slider-value.scheme-6 {
    background-color: #ffa726
}

.section-item-body.section-number .slider-bar .slider-value.scheme-7 {
    background-color: #65b2e9
}

.section-item-body.section-number .slider-bar .slider-value.scheme-8 {
    background-color: #f596aa
}

.section-item-body.section-number .slider-bar .slider-value.scheme-9 {
    background-color: #3bb6b6
}

.section-paragraph {
    margin: .12rem 0
}

.section-paragraph .section-paragraph-wrap {
    position: relative;
    padding-left: .13rem
}

.section-paragraph .option-icon {
    position: absolute;
    left: 0;
    width: .2rem;
    height: .2rem
}

.section-paragraph .option-icon .icon {
    width: .05rem;
    height: .15rem;
    margin-top: .02rem;
    background: #ffb91f
}

.section-paragraph .option-content {
    line-height: 1.3;
    font-size: .16rem;
    color: #616161
}

.img-gallery {
    width: 100%;
    height: 100%;
    background: #000;
    white-space: nowrap;
    overflow: hidden
}

.img-gallery .img-slides {
    position: relative;
    left: 0;
    -webkit-transition: left .5s ease,right .5s ease;
    transition: left .5s ease,right .5s ease;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden
}

.img-gallery .img-slides .img-slide-item {
    position: relative;
    display: inline-block
}

.img-gallery .img-slides .img-slide-item-wrap {
    position: relative;
    width: 100%;
    height: 100%
}

.img-gallery .img-slides .img-slide {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.img-gallery .img-slides .load-original {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom: .2rem
}

.img-gallery .img-slides .load-original .load-status {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    font-size: .12rem;
    color: #fff;
    padding: .05rem .1rem;
    border: .01rem solid #fff;
    border-radius: .02rem
}

.full-img-gallery {
    z-index: 1001;
    color: #fff;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.full-img-gallery .full-img-gallery-controls {
    position: absolute;
    pointer-events: none;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    z-index: 100;
    padding: .1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.full-img-gallery .full-img-gallery-controls .icon {
    pointer-events: auto;
    float: left;
    cursor: pointer
}

.full-img-gallery .full-img-gallery-controls .icon-next {
    float: right
}

.full-img-gallery .full-img-gallery-header {
    position: absolute;
    top: 0;
    width: 100%;
    padding: .1rem;
    z-index: 100;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.full-img-gallery .full-img-gallery-header .icon-back {
    float: left;
    cursor: pointer;
    width: .2rem;
    height: .2rem;
    background-size: contain
}

.full-img-gallery .full-img-gallery-header .gallery-info {
    float: right
}

.full-img-gallery .icon {
    width: .3rem;
    height: .3rem;
    display: inline-block;
    background-repeat: no-repeat
}

.full-img-gallery .icon.icon-switch-slide {
    background-color: rgba(0,0,0,.3);
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY5OTE2RDZGQUNEMTExRThBQ0MxQTVDNDVDNzcwMTA5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY5OTE2RDcwQUNEMTExRThBQ0MxQTVDNDVDNzcwMTA5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Rjk5MTZENkRBQ0QxMTFFOEFDQzFBNUM0NUM3NzAxMDkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Rjk5MTZENkVBQ0QxMTFFOEFDQzFBNUM0NUM3NzAxMDkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4YcFnvAAAAcUlEQVR42uyU2w6AIAxDKfH/f7kagwnIROkI4cG9EbqTXQogGUZGDINjfeCWHwBUgmPGhHVRar5VyKRkx+biGyxVDhdQhZlAD+zMuY1HdTmm2QZKy03b5BAKD91s2QN9nKEKbS7lgvbYB/9/6I5dgAEABdk4Il1sjpsAAAAASUVORK5CYII=);background-position: 50%
}

.full-img-gallery .icon.icon-next {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.full-img-gallery .icon.icon-back {
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAfCAMAAADdjm27AAAAQlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////8IX9KGAAAAFXRSTlMAau7Yeg1aJeTLvYwcFVBGNKCXYi3sPe6cAAAAdElEQVQoz3XSSw6AIAwE0PoDv4hi739VE1hMYUKXLwTKtFLXM0tTr+pQy6EKg+huZC6ytLIZGToyXRDXkxMSsqxG7iIekrKMRlyRD+KLREFNmZKYinxKAu5CDyNe5L763fMfOQnOq58qZ88T4jnytHkneHN+9rEN4i/6jxIAAAAASUVORK5CYII=)
}

.nav-bar {
    text-align: center;
    height: .5rem;
    line-height: .5rem;
    background: #fff;
    border-bottom: .01rem solid #f0f0f0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: .4rem;
    padding-right: .4rem;
    position: relative;
    -webkit-box-shadow: 0 .01rem .03rem 0 rgba(0,0,0,.1);
    box-shadow: 0 .01rem .03rem 0 rgba(0,0,0,.1);
    font-size: .16rem;
    color: #39362f
}

.nav-bar>a {
    display: inline-block;
    width: .4rem;
    position: absolute;
    top: -.03rem;
    left: 0;
    height: .5rem;
    z-index: 10
}

.nav-bar .icon-previous {
    margin-bottom: .05rem
}

.ai-report-section {
    text-align: center;
    line-height: normal;
    color: #333;
    padding: .15rem
}

.ai-report-section .ai-report-overview {
    font-size: .14rem;
    color: #333;
    text-align: left;
    margin-bottom: .14rem
}

.ai-report-section .ai-report-homework-title {
    color: #ffab00;
    font-size: .2rem;
    text-align: left
}

.radar-chart .axis {
    stroke: #555;
    stroke-width: .2;
    stroke-opacity: .5
}

.radar-chart .invalid-caption {
    fill: #303030
}

.radar-chart .caption-label {
    color: #2196f3;
    font-size: .05rem;
    display: block;
    -webkit-margin-before: 1em;
    margin-block-start: 1em;
    -webkit-margin-after: 1em;
    margin-block-end: 1em;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0
}

.radar-chart .caption-label span {
    vertical-align: middle
}

.radar-chart .caption-label img {
    width: .06rem;
    height: .06rem;
    vertical-align: middle;
    margin-left: .01rem;
    display: inline-block
}

.radar-chart .caption-label .label-fog {
    font-size: 11px;
    fill: #757575;
    display: inline-block;
    margin-bottom: -.02rem
}

.radar-chart .spider-line {
    stroke: #2196f3;
    stroke-width: .7
}

.radar-chart .spider-dot {
    fill: #2196f3
}

.radar-chart .scale:first-child {
    stroke: #2196f3;
    fill: rgba(33,150,243,.1);
    opacity: .3
}

.radar-chart .scale {
    stroke: #f1f1f1;
    stroke-width: .2;
    opacity: .9
}

.radar-chart .shape {
    fill-opacity: .2;
    stroke: #2196f3;
    stroke-width: .3
}

.ai-tags {
    text-align: left;
    margin: -.06rem;
    margin-bottom: .04rem
}

.ai-tag {
    display: inline-block;
    background-size: 100% .35rem;
    background-repeat: no-repeat;
    background-position: 50%;
    padding: .15rem .2rem;
    margin: 0 .05rem;
    font-size: .14rem
}

.ai-tag.tag-orange {
    color: #f5a623;
    background-image: url(https://statics1.umucdn.cn/mobile/cn-cn/businessCommon/images/frame_orange.daf697d0.png)
}

.ai-tag.tag-blue {
    color: #208cfc;
    background-image: url(https://statics1.umucdn.cn/mobile/cn-cn/businessCommon/images/frame_blue.ac6a0d97.png)
}

.ai-tag.tag-red {
    color: #ff3131;
    background-image: url(https://statics1.umucdn.cn/mobile/cn-cn/businessCommon/images/frame_red.df27a918.png)
}

.ai-tag.tag-green {
    color: #34a754;
    background-image: url(https://statics1.umucdn.cn/mobile/cn-cn/businessCommon/images/frame_green.4196f60f.png)
}

.tabs.theme-default {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    border: .01rem solid #f5f6f7;
    border-width: .01rem 0;
    position: relative;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .15rem
}

.tabs.theme-default .tab {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    height: .44rem;
    line-height: .5rem;
    color: #777
}

.tabs.theme-default .tab .title {
    color: #212121;
    font-size: .14rem;
    line-height: .44rem;
    display: table;
    margin: auto;
    height: 100%;
    border-top: .03rem solid transparent;
    border-bottom: .03rem solid transparent;
    vertical-align: middle;
    cursor: pointer
}

.tabs.theme-default .tab .title a {
    vertical-align: middle;
    display: table-cell;
    color: #212121
}

.tabs.theme-default .tab.active {
    font-weight: 700
}

.tabs.theme-default .tab.active .title {
    border-bottom: .03rem solid #03a9f4
}

.tabs.theme-default .tab.active .title a {
    color: #03a9f4
}

.nav-bar+.tabs.theme-default {
    border-top: 0
}

.tab-anchor {
    display: block;
    padding-top: .44rem;
    margin-top: -.44rem
}

@media screen and (max-width:320px) {
    .tabs.theme-default .tab.active .title,.tabs.theme-default .tab .title {
        font-size: .14rem
    }
}

.tabs.theme-one-line .tab {
    float: left
}

.tabs.theme-one-line .tab .title {
    margin-top: .05rem
}

.tabs.theme-one-line .tab .btn {
    display: block;
    font-size: .15rem;
    color: #757575;
    padding: 0 .1rem;
    line-height: .4rem;
    height: .4rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tabs.theme-one-line .tab.active .btn {
    margin-bottom: -.01rem;
    color: #03a9f4;
    border-bottom: .02rem solid #03a9f4
}

.tabs.theme-gold .tab.active .title {
    border-bottom: .02rem solid #ffbd2b
}

.tabs.theme-gold .tab .title a {
    color: #2d2e30
}

.tabs.theme-gold .tab.active .title a {
    color: #2d2e30;
    font-weight: 700
}

.cover-pop-page {
    background: #f5f5f5;
    line-height: normal
}

.cover-pop-page .cover-pop-page-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.5);
    z-index: 999
}

.cover-pop-page .cover-pop-page-action {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1001
}

.cover-pop-page .cover-pop-page-action .cover-pop-page-close {
    position: absolute;
    top: .15rem;
    right: .15rem;
    font-size: 0
}

.cover-pop-page .cover-pop-page-action .cover-pop-page-close .icon-page-close {
    display: inline-block;
    vertical-align: middle;
    background: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAD1BMVEUAAAB1dXV1dXV1dXV1dXWaB0Y+AAAABHRSTlMAiIOeW6xZaQAAAFxJREFUGNNVkMERgDAIBE8ryMMCfFiCDUTpvyadC/fYzIQAmwEO3af67K9qJjhKV43lb/X8dwaMNnLSNiCPU40C7AQYGQQZBAUkwDcWQGk2xTgcFBIgDrKxEKzqA7TzFNu7jfGeAAAAAElFTkSuQmCC);width: .14rem;
    height: .14rem;
    background-size: cover
}

.cover-pop-page .cover-pop-page-body {
    background: #fff;
    position: fixed;
    top: .5rem;
    width: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    overflow: auto
}

@media screen and (min-width:1024px) {
    .cover-pop-page-body,.cover-pop-page-mask {
        width: 6.4rem!important;
        margin: 0 auto;
        border-left: .01rem solid #dcddde;
        border-right: .01rem solid #dcddde
    }
}

.ai-summary-no-content.ai-summary-empty {
    text-align: center;
    font-size: .16rem;
    color: #333;
    padding-bottom: .3rem;
    line-height: normal
}

.ai-summary-no-content.ai-summary-empty img {
    width: 1.9rem;
    margin: .5rem auto .1rem
}

.ai-summary-no-content.ai-summary-processing {
    text-align: center;
    font-size: .16rem;
    color: #333;
    padding-bottom: .3rem;
    line-height: normal
}

.ai-summary-no-content.ai-summary-processing img {
    width: 1.9rem;
    margin: .5rem auto .1rem
}

.keywords-section {
    line-height: normal;
    background: #fff;
    padding: .15rem;
    color: #333;
    font-size: .12rem
}

.keywords-section .keywords-cloud-wrap {
    margin-bottom: .32rem;
    margin-top: -.15rem
}

.keywords-section .keywords-list-wrap.frequency-keywords-wrap {
    margin-top: .3rem
}

.keywords-section .keywords-list-title {
    margin-bottom: .02rem;
    color: #333;
    font-weight: 700;
    font-size: .15rem
}

.keywords-section .keywords-list-title span {
    font-weight: 400;
    font-size: .12rem
}

.keywords-section .keywords-list-body {
    margin-top: .07rem
}

.keywords-section .keywords-list-body .keywords-table {
    font-size: .14rem;
    width: 100%;
    text-align: left;
    border: 0 solid #f0f0f0;
    -webkit-box-shadow: 0 0 .04rem 0 rgba(0,0,0,.2);
    box-shadow: 0 0 .04rem 0 rgba(0,0,0,.2)
}

.keywords-section .keywords-list-body .keywords-table td,.keywords-section .keywords-list-body .keywords-table th {
    padding: .1rem
}

.keywords-section .keywords-list-body .keywords-table td:last-child,.keywords-section .keywords-list-body .keywords-table th:last-child {
    text-align: right
}

.keywords-section .keywords-list-body .keywords-table th {
    font-weight: 700
}

.keywords-section .keywords-list-body .keywords-table tbody tr:nth-child(odd) {
    background: #f0f0f0
}

.keywords-section .keywords-list-body .keywords-table .row-keyword-zero {
    color: #e75a2d
}

.static-word-cloud {
    margin-bottom: .15rem;
    max-width: 6rem;
    margin: 0 auto
}

.static-word-cloud canvas {
    display: block;
    width: 100%;
    height: auto
}

.text-highlight-section {
    padding: .15rem;
    background: #fff;
    line-height: normal;
    color: #000;
    font-size: .15rem
}

.page-panel {
    background: #fff
}

.page-panel .page-panel-content {
    background: #f5f5f5
}

.page-panel .page-panel-header {
    padding: .11rem .15rem;
    background: #fff;
    text-align: center;
    border-bottom: .01rem solid #dcdedd;
    -webkit-box-shadow: 0 .03rem .03rem -.03rem #e8e8e8;
    box-shadow: 0 .03rem .03rem -.03rem #e8e8e8;
    position: fixed;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 11
}

.page-panel .page-panel-body {
    padding-top: .51rem
}

.page-panel .configurable-header .left-section .umu-btn {
    padding-left: .15rem
}

.page-panel .configurable-header .right-section .umu-btn {
    padding-right: .15rem
}

.ai-tab .ai-tab-section {
    background: #fff;
    margin-top: .1rem
}

.ai-tab .ai-tab-section .ai-tab-header {
    padding: .1rem .15rem 0;
    line-height: 1.5
}

.ai-tab .ai-tab-section .ai-tab-header .title {
    font-size: .15rem;
    font-weight: 700
}

.ai-tab .ai-tab-section .ai-tab-header .title .count {
    font-size: .12rem;
    color: #0f0f0f
}

.note-pic-share {
    padding: .15rem
}

.note-pic-share .page-loading {
    padding: 45% 0 .3rem
}

.note-pic-share .note-pic-share-tip {
    font-size: .16rem;
    color: #757575;
    margin-bottom: .15rem
}

.note-pic-share .pic-generating {
    color: #999
}

.note-pic-share .note-pic-share-frame {
    text-align: center
}

.note-pic-share .note-pic-share-frame img {
    max-width: 100%;
    -webkit-box-shadow: .01rem .04rem .1rem #e8e8e8;
    box-shadow: .01rem .04rem .1rem #e8e8e8
}

.note-pic-share .note-pic-share-frame img.umu-img-default,.note-pic-share .note-pic-share-frame img.umu-img-error {
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 1.5rem;
    margin-top: 45%
}

.questionaire-poster .userNameSetter {
    margin: 0 15px 15px
}

.questionaire-poster .userNameSetter .isAnonymous {
    float: right;
    cursor: pointer;
    height: 42px;
    line-height: 42px;
    text-align: right;
    font-size: 18px;
    color: #999;
    position: relative;
    z-index: 9
}

.questionaire-poster .userNameSetter .isAnonymous .check-box .input {
    vertical-align: -3px;
    border-radius: 50%;
    border-width: 2px
}

.questionaire-poster .userNameSetter .isAnonymous .check-box:hover .input {
    border-color: #e1e1e1
}

.questionaire-poster .userNameSetter .isAnonymous .check-box.checked .input {
    background: #2196f3;
    border: 1px solid #2196f3
}

.questionaire-poster .userNameSetter .isAnonymous .check-box.checked .input:before {
    display: none
}

.questionaire-poster .userNameSetter .isAnonymous .check-box.checked .i_check {
    display: block;
    border-width: 0 0 2px 2px;
    border-color: #fff;
    width: 8px;
    height: 4px;
    border-style: solid;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin: 4px
}

.questionaire-poster .userNameSetter .userNameWrap {
    margin-right: 110px;
    position: relative
}

.questionaire-poster .userNameSetter .avat {
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.questionaire-poster .userNameSetter .avat .img {
    width: 42px;
    height: 42px
}

.questionaire-poster .userNameSetter .userName input {
    height: 42px;
    padding: 6px 13px;
    color: #333;
    font-size: 18px
}

.questionaire-poster .userNameSetter .userName {
    height: 42px
}

.questionaire-poster .userNameSetter .userName.fake {
    display: none;
    line-height: 30px;
    height: 30px;
    padding: 6px 0;
    color: #333;
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.questionaire-poster .userNameSetter.lite .userNameWrap {
    padding: 0;
    margin: 0
}

.questionaire-poster .userNameSetter.lite .avat,.questionaire-poster .userNameSetter.lite .isAnonymous {
    display: none
}

.questionaire-poster .userNameSetter.hasIdentity .userNameWrap {
    padding-left: 48px
}

.questionaire-poster .userNameSetter.hasIdentity .avat {
    display: block
}

.questionaire-poster .userNameSetter.hasIdentity .userName {
    display: none
}

.questionaire-poster .userNameSetter.hasIdentity .userName.fake {
    display: block
}

.weike-note-composer .text-note {
    padding: .1rem;
    margin-bottom: .1rem;
    background: #fff;
    border-bottom: .01rem solid #eee
}

.weike-note-composer .pic-note-content-panel .page-panel-content {
    background: #fff
}

.weike-note-composer .pic-note-item {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: .15rem 0;
    background: #fff;
    margin-bottom: .1rem;
    border-top: .01rem solid #eee;
    border-bottom: .01rem solid #eee
}

.weike-note-composer .pic-note-item:last-child {
    margin-bottom: 0
}

.weike-note-composer .pic-note-item .pic-note-section {
    display: table-cell;
    vertical-align: top
}

.weike-note-composer .pic-note-item .select-section {
    width: .5rem;
    text-align: center;
    padding-top: .2rem
}

.weike-note-composer .pic-note-item .pic-section {
    width: 1rem
}

.weike-note-composer .pic-note-item .content-section,.weike-note-composer .pic-note-item .pic-note-list-placeholder {
    padding-right: .15rem;
    color: #888
}

.weike-note-composer .pic-note-item.pic-note-selected .content-section {
    padding-right: .15rem;
    color: #333
}

.weike-note-composer .pic-note-empty {
    color: #888
}

.weike-note-composer .pic-note-thumbnail {
    width: .9rem;
    height: .68rem;
    background: #000;
    text-align: center;
    white-space: nowrap;
    border-bottom: .01rem solid #eee
}

.weike-note-composer .pic-note-content-input-wrap .configurable-header {
    position: fixed;
    top: 0;
    background: #fff;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.weike-note-composer .pic-note-content-input-wrap .pic-note-thumbnail {
    width: 100%;
    height: 2.7rem
}

.weike-note-composer .pic-note-content-input-wrap .pic-note-content-input {
    padding: .1rem
}

.weike-note-composer .pic-note-thumbnail:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.weike-note-composer .pic-note-thumbnail img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle
}

.weike-note-composer .toggleLine .after {
    display: none
}

.weike-note-composer .toggleLine .toggleLineWrap {
    white-space: pre-line
}

.weike-note-composer .toggleLine .maskHelp,.weike-note-composer .toggleLine.theme2.active .showMore {
    text-align: right
}

.weike-note-composer .toggleLine .maskHelp .label,.weike-note-composer .toggleLine .showMore .label {
    color: #888;
    font-size: .16rem;
    cursor: pointer
}

.pic-not-check-confirm .info {
    padding: .15rem .15rem 0
}

.pic-not-check-confirm .title {
    padding: .15rem .15rem 0;
    text-align: center
}

.media-time-display {
    color: #999
}

.play-tool-speed .menu-item.active .icon-select {
    background: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAUCAMAAACpgK3LAAAAP1BMVEUAAACZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmVMmLXAAAAFHRSTlMA7xD2IC3lTjjKhkPc05x3ar+1W0Mq4fcAAABpSURBVCjPndDpDoAgCADgsCy17DDe/1mbc3iMqE3+sPGNcQxihFMkFRAPyS5E3DvM/pgTzPfZtGF9hNIf5sG0Vr3GIo4r2dzaYCCrjnYTFF2iARlXnVIT1OJejYZxK2umtSSFbFytYbUHFUsHZZFb9DEAAAAASUVORK5CYII=) no-repeat 0 .01rem;background-size: .14rem .1rem
}

.play-tool-speed {
    display: inline-block;
    position: relative;
    height: 100%;
    vertical-align: top;
    cursor: pointer;
    text-align: right
}

.play-tool-speed .selected-item {
    display: inline-block;
    height: 100%;
    width: 100%
}

.play-tool-speed .play-speed-menu {
    position: absolute;
    top: .4rem;
    left: -.4rem;
    width: 1.2rem;
    background: #fff;
    -webkit-box-shadow: 0 0 .04rem #e8e8e8;
    box-shadow: .01rem .04rem .1rem #e8e8e8;
    text-align: left;
    z-index: 10
}

.play-tool-speed .play-speed-menu .menu-list {
    padding: .05rem .1rem;
    list-style: none;
    margin: 0
}

.play-tool-speed .play-speed-menu .menu-item {
    height: .34rem;
    line-height: .34rem;
    cursor: pointer
}

.play-tool-speed .play-speed-menu .icon-select {
    display: inline-block;
    vertical-align: middle;
    height: .15rem;
    width: .15rem
}

.play-tool-speed .play-speed-menu .menu-text {
    margin-left: .1rem;
    color: #333;
    text-decoration: none
}

.range-slider {
    height: .03rem;
    position: relative;
    cursor: pointer;
    background: #ccc;
    text-align: left;
    z-index: 98
}

.range-slider .range-slider-bar {
    position: absolute;
    height: .03rem;
    left: 0;
    width: 0;
    max-width: 100%
}

.range-slider .range-slider-processed {
    min-width: .08rem;
    background: #ffb91f
}

.range-slider .range-slider-buffered {
    background: #e5e5e5
}

.range-slider .range-slider-dragger {
    position: absolute;
    right: 0;
    width: .1rem;
    height: .1rem;
    padding: .2rem;
    margin-top: -.23rem;
    margin-right: -.22rem
}

.range-slider .range-slider-dragger:after {
    content: "";
    display: block;
    background: #ffb91f;
    width: .1rem;
    height: .1rem;
    border-radius: 50%
}

.play-control .media-control {
    vertical-align: middle;
    padding: 0 .1rem;
    text-align: left;
    border-bottom: .01rem solid #e8e8e8;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-shadow: 0 .01rem .04rem #e8e8e8;
    box-shadow: 0 .01rem .04rem #e8e8e8;
    background: #f6f6f6;
    position: relative;
    color: #999
}

.play-control .media-control .media-speed,.play-control .media-control .media-time,.play-control .media-control .toggle-media-fullscreen,.play-control .media-control .toggle-media-play {
    display: inline-block;
    padding: .1rem;
    vertical-align: middle
}

.play-control .media-control .slider {
    z-index: 99
}

.play-control .media-control .icon {
    width: .35rem;
    height: .35rem;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 999px 999px;
    cursor: pointer
}

.play-control .media-control .icon.icon-play {
    background-image: url(https://statics1.umucdn.cn/mobile/cn-cn/businessCommon/images/play_btn.46874788.png);
    background-position: 50%
}

.play-control .media-control .icon.icon-pause {
    background-image: url(https://statics1.umucdn.cn/mobile/cn-cn/businessCommon/images/pause_btn.3a654bd9.png);
    background-position: 50%
}

.play-control .media-control .icon.icon-fullscreen {
    width: .18rem;
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkBAMAAAATLoWrAAAAIVBMVEUAAABmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmYs5FxxAAAACnRSTlMAaJfrWy0Pu4qymorElgAAAKJJREFUKM/NkjEOwjAMRU1UmDMzdc4OA1OPgMQFkLgFU6/SMKD6lO2P6wz9Vef+JdHLTxTbXxTKUpQUMtQaCobcZLaKekfB0ShVX3d1Tpp6cXB0XdBsjkZOqn+g3MDmpi7NqMUuLqZBgkou2zvQpxwl6XHh9wQ6P/BAsGdvUvSKUvW25SLH1+qrXBCXvdUcbiE3msfBQ+PR7gSAY8Jh4shxMCfmlYdD3iJKOgAAAABJRU5ErkJggg==);background-position: 50%
}

.play-control .media-control .media-speed,.play-control .media-control .toggle-media-fullscreen {
    float: right
}

.play-control .media-control .media-speed {
    line-height: .37rem;
    margin: .1rem;
    padding: 0 .1rem
}

.play-control .media-control .media-speed .icon {
    width: .15rem;
    height: .15rem
}

.section-result-item {
    border-top: .01rem solid #f5f5f5
}

.section-result-item-header {
    line-height: 1.33;
    margin: .15rem 0;
    position: relative;
    font-size: .18rem
}

.section-result-item-header .section-title {
    white-space: pre-line
}

.section-result-item-header .section-num {
    color: #ffbd2b;
    float: left;
    margin-right: .03rem
}

.section-result-item-header .item-content {
    overflow: hidden
}

.section-result-item-header .section-header-img {
    margin-top: .05rem
}

.section-result-item-header .section-header-img img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%
}

.section-more-panel-holder .section-more-panel {
    overflow: hidden;
    padding: 0 .15rem 20%
}

.section-more-panel-holder .cover-page-content {
    min-height: 101%
}

.option-extra-value-stat {
    margin: .12rem 0
}

.form-textarea-reault-list {
    margin: .15rem 0
}

.form-textarea-reault-item {
    margin: .12rem 0
}

.form-textarea-reault-item .textarea-detail {
    font-size: .17rem;
    color: #212121;
    line-height: 1.5
}

.form-textarea-reault-item .textarea-detail .num {
    margin-right: .05rem
}

.form-textarea-reault-item .textarea-detail .teacher-mark {
    display: inline-block;
    vertical-align: .02rem;
    font-size: .12rem;
    color: #febd2b;
    background: #212121;
    border-radius: .01rem;
    margin: 0 .05rem;
    padding: .03rem .05rem;
    line-height: 1
}

.form-textarea-reault-item .active.textarea-detail-toggle {
    white-space: pre-line
}

.form-option-reault-item {
    font-size: .18rem;
    line-height: .19rem;
    margin: .15rem 0
}

.form-option-reault-item .option-detail {
    color: #212121;
    margin: .06rem 0
}

.form-option-reault-item .option-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.form-option-reault-item .option-num,.form-option-reault-item .option-ratio {
    width: .6rem;
    text-align: right;
    white-space: nowrap;
    overflow: hidden
}

.form-option-reault-item .option-chart {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.form-option-reault-item .option-chart-bar {
    background: #ebebeb
}

.form-option-reault-item .option-chart-value {
    height: .19rem;
    width: 0
}

.form-option-reault-item .option-image {
    margin: .05rem 0 .1rem .2rem
}

.form-option-reault-item .option-image img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%
}

.form-option-reault-item:nth-child(1n) .option-chart-value {
    background-color: #ffb91f
}

.form-option-reault-item:nth-child(1n) .option-num {
    color: #ffb91f
}

.form-option-reault-item:nth-child(2n) .option-chart-value {
    background-color: #42a5f5
}

.form-option-reault-item:nth-child(2n) .option-num {
    color: #42a5f5
}

.form-option-reault-item:nth-child(3n) .option-chart-value {
    background-color: #ff7d7a
}

.form-option-reault-item:nth-child(3n) .option-num {
    color: #ff7d7a
}

.form-option-reault-item:nth-child(4n) .option-chart-value {
    background-color: #9fc937
}

.form-option-reault-item:nth-child(4n) .option-num {
    color: #9fc937
}

.form-option-reault-item:nth-child(5n) .option-chart-value {
    background-color: #9b65d0
}

.form-option-reault-item:nth-child(5n) .option-num {
    color: #9b65d0
}

.form-option-reault-item:nth-child(6n) .option-chart-value {
    background-color: #ffa726
}

.form-option-reault-item:nth-child(6n) .option-num {
    color: #ffa726
}

.form-option-reault-item:nth-child(7n) .option-chart-value {
    background-color: #65b2e9
}

.form-option-reault-item:nth-child(7n) .option-num {
    color: #65b2e9
}

.form-option-reault-item:nth-child(8n) .option-chart-value {
    background-color: #f596aa
}

.form-option-reault-item:nth-child(8n) .option-num {
    color: #f596aa
}

.form-option-reault-item:nth-child(9n) .option-chart-value {
    background-color: #3bb6b6
}

.form-option-reault-item:nth-child(9n) .option-num {
    color: #3bb6b6
}

.section-textarea-result-more {
    margin: .12rem 0;
    text-align: right
}

.section-textarea-result-more .action {
    display: inline-block;
    vertical-align: middle;
    font-size: .17rem;
    color: #757575;
    cursor: pointer
}

.form-option-reault-list.number-option .form-option-reault-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.form-option-reault-list.number-option .option-detail {
    width: .3rem;
    height: .2rem;
    overflow: hidden;
    margin: 0;
    color: #dd4e40
}

.form-option-reault-list.number-option .option-view {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.wx-share {
    position: relative;
    -webkit-tap-highlight-color: transparent
}

.wx-share .wx-share-icon .icon-share {
    cursor: pointer;
    width: .2rem;
    height: .2rem;
    display: inline-block;
    background: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAmCAMAAACBKikvAAAAUVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////8IN+deAAAAGnRSTlMA3s14mR0PLFr5OhWJJOevaPG+pIByTAjYQ7ex6TgAAADiSURBVDjL7dLNssIgDIbhUIE29MdqrdXv/i/0TB1owXAUx63vlgcWCfR9tV4oTj/XB4jKxBDPuQ1iuBdC8KEIrh1tBC82jhKIW73DA8k2iFPzEtrxjFD3PzSaEXVu89B2jLTB5aBTEPFdwpkhu5CAHWSnKwmYc1VPAo4I3Y7wTQsJ6Ni/MZowcB4zm7HqcTTV+2aUowzUj2/Q+xWGUUvYM6Cu267D8iTU/ld5uE4l1LQRbHmd6w7XqfiTCSaCMzfJxpftyoAEVt6JGiSwnakMWiqE9INfwqF6nfLwfZ9BVZb5A3yCNDXF9CcjAAAAAElFTkSuQmCC);background-size: cover;
    background-repeat: no-repeat
}

.wx-share-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    z-index: 1000
}

.wx-share-overlay .share-arrow {
    position: absolute;
    width: .6rem;
    height: .55rem;
    background-size: cover;
    background-repeat: no-repeat;
    right: .35rem;
    top: .07rem;
    display: block
}

.wx-share-overlay .share-info {
    font-size: .23rem;
    line-height: 1.5;
    color: #fff;
    position: absolute;
    top: .8rem;
    right: .3rem;
    text-align: left;
    padding-left: .3rem
}

.doc-container {
    height: 100%;
    background: #fff
}

.doc-container-wrap {
    position: relative
}

.doc-container .empty-tips {
    color: #999;
    text-align: center;
    padding: 1.5rem 0
}

.doc-container .incompatible-ie {
    padding: .42rem .5rem;
    color: #757575
}

.doc-container .pdf-content {
    padding: .1rem
}

.doc-container .pdf-content-wrap {
    text-align: center;
    overflow-x: auto
}

.doc-container .pdf-content canvas {
    vertical-align: top
}

.doc-container .tool-bar {
    height: .35rem;
    line-height: .35rem;
    background: #fff;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 8;
    border-bottom: .01rem solid #efefef
}

.doc-container .tool-bar .screen {
    width: 14%;
    text-align: center;
    margin-top: .08rem;
    height: .19rem;
    overflow: hidden;
    position: relative
}

.doc-container .tool-bar .screen:after {
    width: .19rem;
    height: .19rem;
    position: absolute;
    display: inline-block;
    top: 0;
    content: ""
}

.doc-container .tool-bar .screen.btn-full:after {
    background: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAASFBMVEUAAAAiIiIrKyshISEhISEjIyMhISEiIiIiIiIiIiIiIiIhISEhISEiIiIiIiIhISEiIiIhISEhISEhISEjIyMjIyMjIyMhISGBqHmUAAAAF3RSTlMAtAYX1maZJZ6BK+mRbzvbvqiijF9QJBcHEd8AAADdSURBVEjH7dTLDoMgEAVQBUTrA9/y/39aHIwTuNKtbePdOJmbs5JM9uTbIwR9NutC0z5sXF2IPKeiDEjJ1YWw1hVAuIK01lKBxAmXFolU3gDxQsksbSKCAk0dkBoFmiEgA4sPJiAg0ABJi/VFmRsgzeyrNSaVPcMkSHUPWfSZadSadlqPE6+X7I9jCk5XFLTbJ475mV/Z5T4Xz/JoukjwmQECxwUEEDAo+oD0YFAoExCjwICQ0VGSYEDA6Uub9hBAyKQOLAkkXKGhNRKu0NAaCFfJiNqFpn0Q2ZM78gY5nTAN2wCiTwAAAABJRU5ErkJggg==) no-repeat;background-size: 100% 100%
}

.doc-container .tool-bar .screen.btn-no-full:after {
    background: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAAHlBMVEUAAAAjIyMiIiImJiYiIiIjIyMpKSkiIiIiIiIhISH4/J8WAAAACXRSTlMAVyUbnpMSb2infrs6AAAAj0lEQVQ4y2MYjmAmBDgwsEBZtJOZYWxsnMDABiQ70fUIQNmMGKZNhLIl0WQqgZpgWqajyCgCNcG0CKHIKEhCNDECVTChyoCEIFoE0GSAYkAZMIkuwwg1TQBDhkEQyACRKDKhoQlIIc8WGspAZ4DpAgKuJuxTROjgDVHCsYAZc4RjGzOFEE5VmCmRbnlhGAIASgOuhU3ZqtAAAAAASUVORK5CYII=) no-repeat;background-size: 100% 100%
}

.doc-container .tool-bar>div {
    float: left;
    height: 100%;
    text-align: center;
    line-height: .35rem;
    font-size: .13rem;
    color: #212121
}

.doc-container .tool-bar .tool-bar-left,.doc-container .tool-bar .tool-bar-right {
    width: .35rem;
    height: 100%;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    position: relative
}

.doc-container .tool-bar .middle {
    width: 0;
    margin-top: .08rem;
    border-right: .01rem solid #979797;
    height: .19rem
}

.doc-container .tool-bar .tool-bar-left {
    text-align: right;
    float: left;
    margin-left: 4%
}

.doc-container .tool-bar .tool-bar-right {
    text-align: right;
    float: right;
    margin-right: 4%
}

.doc-container .tool-bar>.tool-bar-pageturing,.doc-container .tool-bar>.tool-bar-zoom {
    width: calc(43% - .01rem)
}

.doc-container .tool-bar .tool-bar-left:after {
    width: .25rem;
    height: .25rem;
    position: relative;
    top: .05rem;
    display: inline-block;
    content: ""
}

.doc-container .tool-bar .tool-bar-right:before {
    width: .25rem;
    height: .25rem;
    position: absolute;
    top: .05rem;
    left: 0;
    display: inline-block;
    content: ""
}

.doc-container .tool-bar .tool-bar-small:after {
    background: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAe1BMVEUAAAAiIiI3NzcnJyciIiIjIyMhISEhISEhISEiIiIiIiIhISEhISEhISEiIiIjIyMiIiIhISEhISEiIiIiIiIiIiIhISEiIiIiIiIhISEiIiIiIiIkJCQiIiIhISEiIiIhISEhISEjIyMiIiIkJCQlJSUlJSUrKyshISFWJanOAAAAKHRSTlMAfwUS+T/y7t/Tns65c2EYh9fHvbWyqqaWkGpJIOjl2sF5blhPNzAMFyNONgAAAVVJREFUSMftk9lywjAMRR0v2Ruyb0ChQMH//4WVPZ4mTOS4eSzDfYolHdtXislb/0XfeVX4/uk8CPqnenr5lL8KvIeb2IfyScfMRXyZSr+IAvPZr98u1kXluFMLlqV6mVLXGeFtCohEReIVHypfsadmdCo2WnsVKoIidw2YBbmoWy2StITwYEHUPG7L8B3CnOEzV73CEsrOFUVy4xPtSosiFWR2aFt88IgiBcxcz8KbJHQmATMoAnsVBOTJSZ7O1PDFLEiEI43tyicY2caLnW3H08BmfwAEfRwCEg2xZVIs0Zu98POlWMYP3OLetCqhi3C98mIeR0h22H/ED8SiTD9BuiAmi7hRWd5nPmqp9WFFaKoLuj3VK9GDcycTSy0/qZskkFpptM6QURdO4h5hLoYNfEbE0Cs3Q9i1DQHjYZOpCWIMzpnqGdOSTQKmpWQjk1Py1svpB/1rND4TuujbAAAAAElFTkSuQmCC) no-repeat;background-size: 100% 100%
}

.doc-container .tool-bar .tool-bar-small.leastScale:after {
    background: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAdVBMVEUAAAB2dnaIiIh/f391dXV2dnZ1dXV2dnZ1dXV2dnZ1dXV1dXV2dnZ1dXV2dnZ2dnZ2dnZ3d3d2dnZ2dnZ2dnZ2dnZ1dXV2dnZ1dXV2dnZ2dnZ2dnZ2dnaAgIB7e3t1dXV2dnZ2dnZ2dnZ5eXl6enp4eHh1dXXqVK4TAAAAJnRSTlMAfwQT8rr40j6e7OTe2M3Fc2FLhvu1sqqmlpBqHRYNeW5YQTcwIoBHq4YAAAFaSURBVEjH7ZNbcoMwDEWNwYQ3hQQIj9IkTbX/JVbWeEoYZNx8tpP7hSUdW1fG4qW/os+jyoMgL4eb/FW9vKTwo8Sb3USdwUpp5SI+TGWQHxLz2e93F1NROU564VeKlkq6zsjqJRAVOhLv+KA9/dUwzjo2WmeVcV3E2plvQS66q01SlhgeLIi+j3obvmM4nPk717PiEtrOlUWOxic7lY5FFGYmdiwBemSRHCdDd+EtiihToBkWwb1ygfJgkUeZBr98C3LgkRa/3i2NJU82VtqOlwlAyiIDIuzjiDDRssgNM4pL9GYv/nyItvGvE8CJc29GVchNuNl5MXOKyTP3H4WTsKiiJyg3xGKRNwrl/cFHA6Q3KyIVFZxrSauoR+dOJgZSUDRtkQBJHfYZMQawUuhJ38X4Q7gAp1jPysmI+dpliIVpW9ENuhlTZaofmE64tWY6KZ5kjlK89O/0DZ3VMhB/vL+oAAAAAElFTkSuQmCC) no-repeat;background-size: 100% 100%
}

.doc-container .tool-bar .tool-bar-big:before {
    background: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAflBMVEUAAAAiIiIjIyMmJiYiIiIzMzM9PT0hISEhISEhISEhISEhISEiIiIhISEhISEhISEhISEhISEiIiIkJCQiIiIiIiIhISEiIiIiIiIiIiIhISEhISEiIiIlJSUjIyMiIiIiIiIiIiIjIyMiIiIkJCQiIiIjIyMnJycrKyshISG/DbrIAAAAKXRSTlMAgD8T+QYE8u513tjT0MnAuaRhHp2G5L21sqqQajMW6JeVblhPSkgQDFvAfCwAAAFySURBVEjH7ZTbkoIwDEALpYAgd1ER7+6q/f8f3PQyZhhTu7u+el6wyZy2SW3Zh/fZ9as8SfJqDGP2G8R5KR+kwd1vfGdywqH1GTNpSPJ5an+eXu9uIRXltlMD3tZ6WAvfGtkXBsJCRRYv6lD5FZ80o1GxrbNXmTJiM30QhLjXlDuUs9qVTQZSBnaiEsKjQ1HnAXWgYthBOLpRgk6V7FlhqpwLqfSqTkq5QmJDKivIdJQiEqiRVHI4c9MroJKygo/pWwHFkArMlZv5EbPWGr7cocxpZYDv3rGxlN5Y6dpYpZanyo9TKZekMoLSUkoIiYEQTKamlONjLgTXl+Gz0kWO6m2vCjFVbIsbRnM/YBL//D0Eo445aPUVFBjQBpZIcdI3f4eBbi01M6cSm/ehuQo9Co9Quc8RC/smFeuhtK9SPUeHZJvKCVHAuM/hYySRBnrld9jtsslAi5ZDq07Q4yB8PxkVeJm9oLOJ2R+dPmYfPvyLH38JO4F9Pv77AAAAAElFTkSuQmCC) no-repeat;background-size: 100% 100%
}

.doc-container .tool-bar .tool-bar-big.maxScale:before {
    background: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAclBMVEUAAAB2dnaGhoZ+fn52dnZ1dXV1dXV1dXV2dnZ1dXV2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ2dnZ3d3d1dXV2dnZ2dnZ1dXV1dXV2dnZ2dnZ1dXV2dnZ4eHh5eXmAgIB2dnZ2dnZ2dnZ3d3d9fX2AgIB1dXUYQ9xVAAAAJXRSTlMAfwUTP/ny7tO/uXPczqaYa0seoIbn4dfHtbKQYDMWq2NYQxAMwkcKjwAAAWhJREFUSMftk9mWgyAMQBFcqnXX1rpNV/7/FyfkcMp4DDIzffW+WCAXkkDZzufMbdyFYRqPD/6reF6e5JvIe7mNKpULTpPLOOrIsDtE+mexnV2DQZeyVgMxJThMthxPAmllJvwMz9moA/cUi2bkaq609io1Wfie55tcI2FRSpWVeKfo6Y0uMD1aFHUfFVsqwAzTwZMScOnC1gpT5dxJpVV1Egp2JSeVGFZqSuGhlGdS6eDOsVcK8GP1xb5lUAypwF6dvk4DntXDV1iUA60M8P2ilBSuzJEYVb4gy49s5Y+gTJTiw8JAKg/1wiilgIUbZeD50l8rdWCpXvcq40tFt7hhNK+TeRnm8bfqVdbMwiSBhq9eHpRopcB//mwm6l4iR6vCEwzIK44jv4DKnU4hkTDrhyySSHLYdliJgYbAY8LliDGQhgZ65XbY856fQQvOww1v0O3oKB39w7kyN0vnytkfnZaznZ1/8Q2RjzW5pB5vPAAAAABJRU5ErkJggg==) no-repeat;background-size: 100% 100%
}

.doc-container .tool-bar .prev:after {
    background: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAdVBMVEUAAAAhISEhISEhISEiIiIhISEhISEiIiIlJSUpKSkmJiYzMzMhISEiIiIiIiIjIyMjIyMiIiIhISEiIiIiIiIiIiIiIiIiIiIiIiIiIiIhISEiIiIjIyMiIiIkJCQmJiYkJCQiIiIuLi5AQEAiIiIjIyMhISFmIsajAAAAJnRSTlMA+fzjzLy3hBgSDgX1dGpORtzW0cSvp5+WjnxhW1U8KCMeCwiJQXopjQcAAAChSURBVEjH7dXLEoIwDIXhKFAE74oKijeUvP8j0qyy/pfM9Oy/6bRNTyVljnkXFRSfTPMaiW+mqoGI1TGKzYuIk4kRiOocxeIARJ2b2AMxNFT8iiiWTyDWwURPxEVjHgJyNbEj4mZiS0SLRWfiTkRpohRM/oLS8WWkhZvhh8yv0geGm+BDxoa/R2Zo2IPhD5nXhZeSG159vGB5jfPPIiXFMwFQlRS04/bsxQAAAABJRU5ErkJggg==) no-repeat;background-size: 100% 100%
}

.doc-container .tool-bar .prev.first-page:after {
    background: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAY1BMVEUAAAB1dXV2dnZ+fn51dXV2dnZ2dnZ2dnZ3d3d+fn6GhoaAgIB2dnZ2dnZ3d3d3d3d3d3d3d3d1dXV2dnZ1dXV1dXV2dnZ2dnZ1dXV1dXV1dXV2dnZ3d3d4eHh5eXl8fHx1dXWMYw9jAAAAIHRSTlMAuvoT9uPMhBwOCQWMdGpgUUPc1tHCr6eflnxYSjwoI5M2UDEAAACdSURBVEjH7dXLEoIwDEDRtBUQrYoKKuIj//+VJKuu75KZ3v0ZBkhTqW2xX0hQ/BtteyT2jaoGJG4mdl8g0t3FlYiRir41ET9AHCYXAxFBrQWIo4t4IeKhFhHydHEm4uXiRMSMRXbxJqJz0QkmWVCZP0Zm+DL8I/NfWQaGm1CGDA1/XJiZ1BpE8EFmJo3g8IOlBFYfWLBgjcPLolYrrSLuEW6BbIDvAAAAAElFTkSuQmCC) no-repeat;background-size: 100% 100%
}

.doc-container .tool-bar .next-page:before {
    background: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAdVBMVEUAAAAhISEhISEhISEiIiIhISEhISEiIiIlJSUpKSkmJiYzMzMhISEiIiIiIiIjIyMiIiIhISEiIiIiIiIiIiIiIiIiIiIiIiIiIiIhISEiIiIjIyMiIiIjIyMiIiIjIyMmJiYkJCQiIiIuLi5AQEAiIiIhISEAa7hVAAAAJnRSTlMA+fzjzLy3hBgSDgX1dGpO3NbRxK+nn5aOfGFbVUdCPSgjHgsIiYinZU0AAACfSURBVEjH7dW3EoMwEEVRsgy2cQ4EY+L+/yeiragoLh0zev2ZUVg9eS47SRq3UGSRhB0jiYiEPSL/kzXXAzKNmhszP9+ae4rMRU2UcfMYkKkDa+IRmUpNckSmFJsnM7mal4dyVvPeYD7MFGq+zBg1BpEJE4MXVuDt80PmV5njgSmFjmWFh78O6BPjD5nXReMvpcSqjxcsr3H+Wbi4rGQGlMUUyLRllxQAAAAASUVORK5CYII=) no-repeat;background-size: 100% 100%
}

.doc-container .tool-bar .next-page.last-page:before {
    background: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAZlBMVEUAAAB1dXV9fX11dXV2dnZ2dnZ1dXV1dXV2dnZ2dnZ6enp5eXmFhYWAgIB2dnZ2dnZ3d3d3d3d1dXV2dnZ1dXV1dXV2dnZ2dnZ1dXV1dXV1dXV3d3d2dnZ3d3d3d3d5eXmAgIB1dXV559hoAAAAIXRSTlMA+xH248y8uIRbIBgMBYx0UUjc1tHEr6eflnxrZUI9KAiU0ZbjAAAAmElEQVRIx+3VORKDMBBEUSwbEF5ksPGCF2Duf0nUByD4VBFQpc5fIGmmlaVsJK4YqMjtcGSkNKOm30dzOyHzl7kz08i0jpldNPkZmVrmwUwlU4zclBdkfhbzZOYr88pQrjLvBaZj5iMTmPEyHpGAiZcI+Cgdv2T+lOsOTGV0LPnw8xWr8SI3Eq3jpcSrjxcsr/EFn0VKykwmjwER4/9+DQ0AAAAASUVORK5CYII=) no-repeat;background-size: 100% 100%
}

.doc-container.full {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #fff;
    overflow-y: auto
}

.doc-container.full .tool-bar {
    position: fixed;
    top: 0;
    width: 100%
}

.doc-container.full .pdf-content {
    margin-top: .35rem;
    overflow: auto
}

.selection-menu-dialog {
    position: fixed;
    background: #fff;
    -webkit-box-shadow: 0 .01rem .1rem rgba(0,0,0,.3);
    box-shadow: 0 .01rem .1rem rgba(0,0,0,.3);
    border-radius: .03rem;
    width: 1rem;
    height: .44rem;
    z-index: 100
}

.selection-menu-dialog .link {
    width: 100%;
    color: #ffa200;
    font-size: .16rem;
    text-align: center;
    display: inline-block;
    height: 100%;
    line-height: .44rem
}

.selection-menu-dialog .link:before {
    content: "";
    display: inline-block;
    margin: 0 auto;
    width: .18rem;
    height: .18rem;
    margin-right: .08rem;
    background-size: contain;
    vertical-align: text-top
}

.selection-menu-dialog .link-note:before {
    background: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAiCAMAAAAJbCvNAAAAe1BMVEUAAAD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogD/ogBChEDXAAAAKHRSTlMAIAPsBtm+Owz68beym4hlQigS4NTRjW0kFxDKl18v4seqlIJ0cExJAIawKQAAAN1JREFUOMuF0tmSgjAUhOE2hAFElgHZ3Gaf6fd/wrEQlZwT8btKVefmrwQ+xlosGFKSbyUe2YUcdfAzL5wcDHziDa82/hum5VUHJcp6oEh4sYf0umZQAmXAUQ2hqkkmx/PFS8m72O0UkAPVeCzgyjj5iGEzMhUVP7zZD8D3dgfHH2fqE2BVwNy6lwEhXZEKcOVwHehQz9CJvYnhKMUerBYDmETqC7mOcJhnAZ9PAiqxb2O4TipA+JUBUsG5AsoXZ1poGe9SAy0VAUpzD+jhE0xz2EYrbQC4zCAPuKDBP5CvRxrc3wDGAAAAAElFTkSuQmCC) no-repeat;background-size: contain
}

.selection-menu-dialog .arrow {
    display: block;
    position: absolute;
    width: .1rem;
    height: .1rem;
    background: #fff;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    left: 50%;
    margin-left: -.05rem
}

.selection-menu-dialog .arrow.toward-up {
    top: -.05rem;
    -webkit-box-shadow: -.01rem .01rem .02rem rgba(0,0,0,.1);
    box-shadow: -.01rem .01rem .02rem rgba(0,0,0,.1)
}

.selection-menu-dialog .arrow.toward-down {
    bottom: -.05rem;
    -webkit-box-shadow: .01rem -.02rem .02rem rgba(0,0,0,.1);
    box-shadow: .01rem -.02rem .02rem rgba(0,0,0,.1)
}

::-moz-selection,::-webkit-selection,::selection {
    background: #fcefc8
}

.doc-note-composer-holder.page-panel .page-panel-content {
    background: #fff
}

.doc-note-composer-holder.page-panel .page-panel-body {
    padding-left: .15rem;
    padding-right: .15rem
}

.doc-note-composer-holder .input textarea:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.doc-note-composer-holder .input pre,.doc-note-composer-holder .input textarea {
    border: none;
    padding: 0;
    font-size: .17rem;
    line-height: .26rem;
    color: #212121;
    min-height: .26rem;
    height: 100%
}

.doc-note-composer-holder blockquote {
    border-left: .02rem solid #ffbd2b;
    color: #757575;
    font-size: .15rem;
    line-height: .22rem;
    padding-left: .16rem;
    margin-bottom: .2rem
}

.doc-note-composer-holder .doc-note-composter-unit {
    padding: .1rem 0 .2rem
}

.doc-note-composer-holder .doc-note-composter-unit:last-child .input textarea {
    min-height: 2rem;
    min-height: calc(100vh - 1rem)
}

.menu-list {
    background: #fff;
    padding: .1rem 0
}

.menu-list .menu-item {
    font-size: .14rem;
    line-height: .2rem;
    color: #757575;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.popover {
    position: relative
}

.popover .popover-container {
    position: absolute;
    z-index: 10;
    -webkit-box-shadow: 0 .02rem .07rem .01rem rgba(0,0,0,.14),0 .03rem .14rem .02rem rgba(0,0,0,.05),0 .05rem .05rem -.03rem rgba(0,0,0,.05);
    box-shadow: 0 .02rem .07rem .01rem rgba(0,0,0,.14),0 .03rem .14rem .02rem rgba(0,0,0,.05),0 .05rem .05rem -.03rem rgba(0,0,0,.05)
}

.popover .popover-container.show {
    display: block
}

.popover .popover-container.hide {
    display: none
}

.popover .popover-target {
    display: inline-block;
    cursor: pointer
}

.dropdown-menu-mask {
    height: 100%;
    width: 100%;
    background: transparent;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9;
    display: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.dropdown-menu-mask.show {
    display: block
}

.clipboard-block .j_target_code {
    margin-right: .05rem
}

.clipboard-block a.j_do-clipboard {
    cursor: pointer
}

.header-banner {
    position: relative;
    overflow: hidden
}

.header-banner .placeholder {
    height: 100%;
    width: 100%;
    position: absolute;
    top: -.02rem;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(30%,hsla(0,0%,100%,0)),to(rgba(0,0,0,.53)));
    background-image: linear-gradient(-180deg,hsla(0,0%,100%,0) 30%,rgba(0,0,0,.53))
}

.scroll-fixed .children-holder {
    height: .45rem;
    width: .01rem;
    display: none
}

.scroll-fixed.is-fixed .children-holder {
    display: block
}

@media screen and (min-width:1024px) {
    .scroll-fixed .doc-fixed {
        width: 6.38rem;
        left: 50%;
        margin-left: -3.2rem
    }
}

.infinite-scroll-list .page-loading {
    padding: .5rem 0
}

.infinite-scroll-list .end-text {
    margin: .16rem .08rem 0;
    text-align: center
}

.infinite-scroll-list .infinite-scroll-end-text {
    text-align: center;
    color: #757575
}

.infinite-scroll-list .load-more {
    display: none
}

.micro-course-details .micro-course-description {
    padding: 16px;
    font-size: 18px;
    color: #333;
    white-space: pre-line;
    line-height: 21px
}

.micro-course-details .micro-course-description.empty {
    color: #999
}

.file-select {
    position: relative;
    z-index: 1
}

.file-select input[type=file] {
    opacity: 0;
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    cursor: pointer;
    font-size: 0
}

.file-select input[type=file][disabled] {
    cursor: default
}

.file-select [type=file]::-webkit-file-upload-button {
    -webkit-appearance: button;
    cursor: pointer
}

.questionaire .questionaire-desc {
    padding: 8px 15px;
    border-bottom: 1px solid #dcddde;
    line-height: 1.2;
    color: #000;
    font-size: 16px
}

.questionaire-desc {
    padding: 8px 15px;
    border-bottom: 1px solid #dcddde;
    line-height: 1.2;
    color: #000;
    font-size: 16px
}

.questionaire-submit .question-section-submit {
    padding: 0 16px
}

.questionaire-submit .question-section-submit .btn {
    margin: 18px 0
}

.questionaire-submit .skip-to-see-others {
    text-align: right;
    padding: 0 16px;
    margin-bottom: 14px
}

.questionaire-submit .skip-to-see-others .btn {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    color: #666;
    padding: 8px 0
}

.comment-section .comment-section-switch {
    position: relative;
    margin: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.comment-section .comment-section-switch .section-num {
    font-size: 14px
}

.comment-section .comment-section-switch .section-num .current {
    color: #161719
}

.comment-section .comment-section-switch .section-num .total {
    color: #737375
}

.comment-section .comment-section-switch .switch-btn {
    color: #000;
    font-size: 14px;
    cursor: pointer
}

.comment-section .comment-section-switch .switch-btn.disabled {
    color: #757575
}

.comment-section .comment-section-switch .switch-btn .icon-arrow {
    vertical-align: 0
}

.comment-section .comment-section-header-title {
    background: #f4f4f4;
    border-radius: 4px;
    padding: 16px 14px;
    margin: 16px 16px 5px
}

.comment-section .comment-section-header-title .section-title .toggleCnt {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    color: #000
}

.comment-section .comment-section-header-title .section-title-toggle .maskHelp,.comment-section .comment-section-header-title .section-title-toggle .showMore {
    text-align: left
}

.comment-section .question-section.question {
    padding-bottom: 240px
}

.comment-section .comment-fab-switch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.comment-section .comment-fab-switch .icon-entity.entity-comment-fab-prev {
    width: 22px;
    height: 18px;
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAjCAMAAAA3znPYAAAAPFBMVEVHcEwVFxkWFxkWFhgWFhgWFxgWFxkVFhkWFxkWFhkVFxkWFxkUFBkPDxEVFxgVGBgWFxgWFhkWFhgWFxktAKwpAAAAE3RSTlMA2phMZzRBzPdwjOkXCcInq31adVsyKQAAAUNJREFUOMuN1esCRCAQBeAKXXTDef933UpIK5q/+1k0ZwYhVXGqR9JbXALSNH92rsJMYGpqoMKkVyfcq3fcqTPu00PGXfrEQa/DZF51wDM5dCwp2GYausBEscVRmS5xm33QJc5l+OrCJVrZWj/gVFZRgPK7buH0iMHPpX7D4f9nYLGXfsWxaxrOnvo452Z5jeXShnzz9dTqe0aQ0xCb8D1aM2jWqoNbuptw3j18gLa5lz1cJJJy0sE3iDODJV9oKOGWWfHibK2GP/Nd8D3fe1E2HJzFMz9m5+ICg/cT3xSLkYWefX5PUczlycu5nNZ4JxafyErYYubHzKspnpiEjI134OU+GfcQ/M28X0JoTejnettVO3/YECG01Gwhibc9mPjTPjECNL6m1qTij9vHOghIYu7pHtHY3yYO9H+HdePb4J3gPw3+FfOyi4PxAAAAAElFTkSuQmCC)
}

.comment-section .comment-fab-switch .icon-entity.entity-comment-fab-next {
    width: 22px;
    height: 18px;
    background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAjCAMAAAA3znPYAAAAP1BMVEVHcEwWFxkWFxkWFhgWFhkWFhgWFxgVFxkWFxkWFxgTExkODhAWFxkWFxkWFhkWFxgVFxkWFhkVGBgWFxgWFxlbbdjGAAAAFHRSTlMAQZlMcGg0yff+Fgffjl3s1X8nrksUJLUAAAFHSURBVDjLjdVZkoUgDAVQQDQyKIN3/2ttcHpKo5hP61QJ8SYy9lS985x9LT0C42c+gETBid40Kzjwqgve0nfe1Dfe1pl3Da2HLuyaTSevaD0LSq1OdfTr5KU2M6kMR78sQrKC37WRNkEKXBfv2/lNcw9YqWv32PhVBwXbPXVo5T9tFqjJPMcm81MbgnsPXOKnXmBjI5QChw5wsRn4Qw9KtXMvd208QhPPSm26hzdtDLlq49C1cK+U3Po9gz7hTRPmT3jVEe5yas3ltBB5a+1S4FUHiOODdsLjV1TgVdN+xzi5nGwScuZDjN2hT5y1UWM+iBapnT4MppzLH86ar0/DiFEMlSlOuL/MfMDEdIqriLWZv+KsF8zawvLqhpBXnHW6pAfp6j6546wdEjbV7VNg5hxLY25rk6tTj+6Yac04UXz4N9h/ifgD75cVtMRakNMAAAAASUVORK5CYII=)
}

.comment-section .comment-fab-switch .comment-fab-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 40px;
    font-size: 12px;
    color: #161719
}

.comment-section .comment-fab-switch .comment-fab-btn .icon-entity {
    margin-bottom: 10px
}

.comment-section .comment-fab-switch .comment-fab-btn.disabled {
    opacity: .5
}

.comment-fab-holder {
    height: 120px
}

.comment-fab-wrap {
    background: #fff;
    padding: 10px 16px;
    -webkit-box-shadow: 0 -5px 5px hsla(240,5%,73%,.25);
    box-shadow: 0 -5px 5px hsla(240,5%,73%,.25);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.comment-fab.ecllipse-session-nav .comment-fab-wrap {
    margin-bottom: 50px
}

.comment-fab .action-button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.comment-fab .action-button .btn-submit {
    display: block
}

.comment-fab .action-children {
    margin-right: 10px
}

.weikeReview .btn_giraffe {
    display: block;
    height: 43px;
    line-height: 43px;
    text-align: center;
    border-radius: 3px;
    font-size: 20px;
    color: #fff;
    background: #ffbd2b url(https://statics1.umucdn.cn/mobile/cn-cn/businessCommon/images/giraffe_new.be5be57d.png) no-repeat 100% 0;
    -webkit-background-size: 35px auto;
    background-size: 35px auto
}

.weikeReview .btn_giraffe_2,.weikeReview .btn_giraffe_7,.weikeReview .qa .questionSubmit .btn_giraffe {
    background-color: #ddd0b4;
    background-position: 100% 0
}

.weikeReview .btn_giraffe_3,.weikeReview .discuss .questionSubmit .btn_giraffe {
    background-color: #ff7d7a;
    background-position: 100% -43px
}

.weikeReview .btn_giraffe_1,.weikeReview .btn_giraffe_6,.weikeReview .btn_giraffe_8,.weikeReview .survey .questionSubmit .btn_giraffe {
    background-color: #9fc937;
    background-position: 100% -86px
}

.weikeReview .btn_giraffe_9,.weikeReview .btn_giraffe_app {
    background-color: #fff;
    border: 1px solid #ffbd2b;
    color: #ffbd2b
}

.weikeReview .btn_giraffe_app {
    background-position: 100% -216px
}

.weikeReview .btn_giraffe_sub {
    background-color: #fff;
    background-position: 100% -129px;
    color: #4d696d;
    border: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.weikeReview .btn_giraffe.disabled {
    background-color: #ccc;
    background-position: 100% -172px;
    color: #fff
}

.weikeReview {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,.8);
    z-index: 130;
    position: fixed;
    overflow-y: auto;
    overflow-x: hidden
}

.weikeReview .weikeReviewCard {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    text-align: center;
    font-size: 14px;
    color: #fff;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.weikeReview .weikeReviewCard .banner {
    text-align: center
}

.weikeReview .weikeReviewCard .icon-review {
    width: 103px;
    height: 77px
}

.weikeReview .ans {
    padding: 10px 10px 0;
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 1.5
}

.weikeReview .reviewLevels {
    line-height: 4.1;
    text-align: center;
    height: 60px
}

.weikeReview .reviewLabel {
    margin: 10px 0;
    width: 80%;
    max-width: 480px;
    margin: 0 auto 10px;
    height: 21px
}

.weikeReview .reviewLevel {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px
}

.weikeReview .reviewOpts {
    margin: auto;
    width: 80%;
    max-width: 480px;
    margin-top: 20px
}

.weikeReview .reviewCancelCounter {
    max-width: 480px;
    width: 80%;
    margin: 30px auto
}

.weikeReview .reviewCounterDown,.weikeReview .reviewResult {
    font-size: 18px
}

.weikeReview .reviewExtend .textarea textarea {
    width: 80%;
    max-width: 480px;
    margin: 0 auto;
    height: 110px;
    padding: 9px 13px;
    line-height: 24px;
    display: block;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    font-family: Arial,Microsoft Yahei;
    color: #333;
    resize: none;
    overflow: auto
}

.weikeReview .reviewExtend .textarea textarea::-webkit-input-placeholder {
    color: #bdbdbd
}

.weikeReview .reviewExtend .textarea textarea::-moz-placeholder {
    color: #bdbdbd
}

.weikeReview .reviewExtend .textarea textarea::-ms-input-placeholder {
    color: #bdbdbd
}

.weikeReview .reviewExtend .textarea textarea::placeholder {
    color: #bdbdbd
}

.weikeReview .reviewLevel.active .i {
    -webkit-animation: likebeat .2s linear 0s 1 normal;
    animation: likebeat .2s linear 0s 1 normal
}

.weikeReview .weikeReviewCard.can-scroll {
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    padding: 20px 0
}

.weikeReview .weike-review-close {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 26px;
    font-weight: 400;
    color: #aaa;
    width: 30px;
    text-align: center;
    z-index: 130
}

.weikeReview .weike-review-close:before {
    content: "\D7"
}

.weikeReview .iWeike {
    background: url("") no-repeat;
    -webkit-background-size: 200px auto;
    background-size: 200px auto;
    display: inline-block;
    vertical-align: middle
}

.weikeReview .active .iWeike_star {
    background-position: -40px -70px
}

.weikeReview .iWeike_star {
    background-position: 0 -70px;
    width: 40px;
    height: 40px
}

.weikeReview a.disabled {
    cursor: default
}

@-webkit-keyframes likebeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.75);
        transform: scale(1.75)
    }

    75% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes likebeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.75);
        transform: scale(1.75)
    }

    75% {
        -webkit-transform: scale(1.25);
        transform: scale(1.25)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.video-player {
    position: relative;
    z-index: 10;
    background: #000;
    width: 100%;
    -webkit-tap-highlight-color: transparent!important
}

.video-player-main {
    padding-bottom: 56.25%
}

.video-player.is-fullscreen .video-player-main {
    padding: 0;
    height: 100%;
    min-height: 100vh
}

.video-player .player-container {
    position: absolute;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: #000
}

.video-player .player-container video,.video-player .player-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-player .player-cover {
    z-index: 100
}

.video-player .player-cover .cover-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 50% no-repeat;
    background-size: contain
}

.video-player .player-cover .play-action {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.video-player .player-controls {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 99;
    display: none
}

.video-player .player-controls.hovered {
    display: block
}

.player-icon-play {
    background: #fff;
    display: inline-block;
    border-radius: 50%;
    padding: .05rem .05rem .03rem .09rem;
    cursor: pointer
}

.player-icon-play:after {
    content: "";
    display: inline-block;
    border: .1rem solid transparent;
    border-right: 0;
    border-left: .17rem solid #000;
    margin: .05rem
}

.player-icon-play:hover {
    background: #ccc
}

.player-blank {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.player-blank .blank-icon {
    width: 1.44rem;
    height: .74rem;
    background: url(https://statics1.umucdn.cn/mobile/cn-cn/businessCommon/images/blank.cae7a3d1.png) no-repeat 50%;
    background-size: contain
}

.player-blank .blank-tip {
    color: #fff;
    font-size: .19rem;
    text-align: center;
    margin-top: .2rem
}

.media-content-reader .teacher-info-box {
    padding: 18px 16px;
    margin: 0 -16px;
    border: 1px solid #eee;
    border-width: 1px 0
}

.media-content-reader .media-content-container {
    width: 1px;
    min-width: 100%;
    margin-top: 20px;
    overflow: hidden
}

.media-content-reader .read-info {
    font-size: 14px;
    margin: 15px -16px 0
}

.media-content-reader .article-like-list .liked-user {
    padding: 0
}

.media-content-stat {
    color: #999;
    font-size: 14px;
    line-height: 26px;
    padding-bottom: 25px
}

.media-content-stat .analyse-item {
    margin-right: 12px
}

.media-content-stat .analyse-item:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    vertical-align: -2px
}

.media-content-stat .total-participate:before {
    background: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAY1BMVEUAAADDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8Pz0ldvAAAAIHRSTlMABZ6IdW387ObPyqeRQPDg1rSDZFQ7MhkQ8pV7WkslJFA3FqEAAACWSURBVCjPldDbDoIwDIDhdowNYRMB8Xzo+z+lMeqoLSzhv/3SNilMxaYi8t0dZurpm9G2p1SpcDNhhcKexBoF3jhagZZjEFhwNAIDx2bN5MDxKvDBMWafsOp90P2sRo2n9mP+KIBfbVETXtILlB5qSu3G/3vBEc+wu4Mn0dmi3sh2x7dZR/MVACWltG6X0eWQcmt7yPUCo+kwqrh5wJgAAAAASUVORK5CYII=) no-repeat;background-size: contain
}

.media-content-stat .star-avg:before {
    background: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAbCAMAAABY1h8eAAAAbFBMVEUAAADDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8MxnqP3AAAAI3RSTlMAQNIQ+cC1ijAbCwXoybuwnpU4JAf049vGrWRGFdqlbV05Ks41ndMAAAC3SURBVCjPfdFpD4MgDIDhAp44z6nz2tn//x83CMsK2r1fJHnSkCJ49T2wnSPMWGwQ6z+DiBk/aEbZQXb0hrbkyF7o6naUi+mLcs3BpcSSznJAr0jW6SIUjMh2AsnjBTbJWg6gymOTG3zS8ZGVCmw62VuswFXMoVXakdFrsIT302WA1IoI/RTBDIMEwUeId4JpiA3BxC0gnu40ERzt3vairjLn4WfaPNcKLmGeMyd3tgJIXdsW5vsGQvUw0vM+fvcAAAAASUVORK5CYII=) no-repeat;background-size: contain;
    margin-left: 0
}

.media-content-stat .star-avg-result {
    margin-right: 12px
}

.media-content-banner {
    margin: 0 -16px
}

.media-content-banner .media-content-thumb img {
    width: 100%
}

.read-info {
    font-size: .14rem;
    background: #fff
}

.read-info .info-row {
    min-height: .22rem;
    padding: .1rem .16rem;
    line-height: .43rem;
    line-height: .22rem
}

.read-info .status-row {
    background: #fafafa;
    color: #34a853
}

.read-info .status-row:before {
    content: "";
    display: inline-block;
    width: .16rem;
    height: .16rem;
    background: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAMAAABhTZc9AAAAclBMVEUAAAA0qFM0qFM0qFM0qFM0qFM0qFM0qFM0qFM0qFM0qFM0qFM0qFM0qFM0qFM0qFM0qFM0qFM0qFM0qFM0qFM0qFM0qFM0qFM0qFM0qFM0qFM0qFM0qFM0qFM0qFM0qFM0qFM0qFM0qFM0qFM0qFM0qFM2FQNfAAAAJXRSTlMAWTf3Kw8Hm/Lr3KSBHxTwr2Dl0sm4ijAaC8yXcmZMP9OMenRur/a0agAAANlJREFUKM910NuOwiAUheFVaMFBag9OW8/Oab3/K45isGC3/wWBfCHZgGd71f2Mo/+71FhUWs3YV2cyMyOztirB3YEv6fOMjst+4zhbShUIHSm2CrMrvqm968B3TUBNoSasR+AkYAfPWz3QitMWYWPgJCw/wq5Cw5C2boHcgI88qs8EozbxcYEjRo3fuA6cISusmfAFUCs+M+iYcI4OqPTMOdIDsPNx8CnqHYBaU+4b904yugqhVkI94ZEZBLwCke0r9gpJRZ+h3SDLnA+RGlti2b6e1FWV6bV/RZBROu5BTFgAAAAASUVORK5CYII=) no-repeat;background-size: contain;
    vertical-align: middle;
    margin-right: .1rem
}

.read-info .basedata-row {
    color: #999
}

.read-info .basedata-row span:first-child {
    margin-right: .25rem
}

.read-info .speed-row {
    background: #fafafa;
    color: #34a853
}

.read-info .operat-row {
    font-size: .16rem;
    color: #2196f3;
    border-bottom: .01rem solid #eee
}

.read-info .operat-row .btn-refresh {
    display: inline-block;
    vertical-align: text-top;
    width: .3rem;
    height: .16rem;
    background: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAeCAMAAAAFBf7qAAAAgVBMVEUAAAAhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvMhlvN/2l0XAAAAKnRSTlMAHAzxI/sG09xR4MGvgE1GPSwQ5LykjnU09ernxGZCOjYvKhXZ1dKKW1hKCSTAAAAA8klEQVQoz3WS5wKCMAyEoWUKiqCAe8+8/wN6qQptKfenkI9eBvE0Rd6IAkl3341eRJS42XUBNgncjgnYYsiid74llrQ994j/1JppMup11Ik/UU75g4+9TqobIutW5DjCmWFXc0OBlw7JnEtGWUdcPXiG2EeF0ufZaigkWo5MFZdSN1oBVYOo37SqCjm8gBmcR5AkmitDYROB4EqVUdioQDBQH9Q2qr9WO8ynNEmJXnc4eXaxMDLF/16XeMi01qqM/gPyN7wv3cxn/Pc2vzU4SWLTaXG5FNOYIHnq0iZkKCm1xE3Yg7AR5jyVk/J1bXAEaa8fzVMh2YCIZDMAAAAASUVORK5CYII=) no-repeat 50% 50%;background-size: contain
}

.read-info .operat-row .btn-appraise,.read-info .operat-row .review-star {
    float: right;
    margin-right: .16rem
}

.read-info .operat-row .review-star {
    color: #999
}

.read-info .read-uncomplete .operat-row {
    text-align: center;
    padding-bottom: .15rem
}

.read-info .read-uncomplete .operat-row .speed-btn {
    background: #2196f3;
    color: #fff;
    padding: 0 .13rem;
    height: .3rem;
    line-height: .3rem;
    width: auto;
    display: inline-block;
    font-size: .16rem
}

.tag-list {
    padding: 3px 16px 10px
}

.tag-list .tag-item {
    float: left;
    background: #f5f5f5;
    height: 25px;
    line-height: 25px;
    padding: 0 11px;
    margin-right: 10px;
    margin-top: 10px;
    color: #757575;
    font-size: 14px
}